ecs-configure-devices {
    display: block;
}

/** Top action bar customization: */
ecs-configure-devices .ssp-top-action-bar-button {
    font-size:  14px;
}
ecs-configure-devices .param-menu-header {
    margin-top: -28px;
}

/** Menu Styles: */
ecs-configure-devices device-params-menu {
    display:    block;
}
ecs-configure-devices ul.parameter-menu {
    list-style: none;
    margin:     0;
    padding:    0;
}
ecs-configure-devices ul.parameter-menu li {
    border-left:    5px solid #f6f6f6;
    border-top:     1px solid #ccc;
    font-weight:    bold;
    padding:        8px;
}
ecs-configure-devices ul.parameter-menu li:hover {
    cursor: pointer;
}
ecs-configure-devices ul.parameter-menu li.active {
    background-color:   #fff;
    border-left:        5px solid #4f23c9;
}

/** View Port Styles: */
ecs-configure-devices device-params-view-port {
    display:            block;
}
ecs-configure-devices .params-group {
    background-color:   #fff;
    border-top:         1px solid #ccc;
    padding:            10px;
}
ecs-configure-devices .params-group-header {
    font-size:          1em;
    font-weight:        bold;
    margin-bottom:      1em;
}
ecs-configure-devices .param-container {
    margin-bottom:      2em;
    padding-left:       5em;
}

/** Edit Parameters Modal Configuration */
.ecs-config-devices-edit-params-form.ssp-popover-modal {
    background-color:   #fff;
    margin:             0 auto 0;
    max-width:          1000px !important;
    min-width:          1000px !important;
    top:                5em !important;
    z-index:            1066;
}
.ecs-config-devices-edit-params-form.popover > .arrow {
    display: none;
}
.ecs-config-devices-edit-params-form device-params-view-port {
    display:            block;
}
.ecs-config-devices-edit-params-form .params-group {
    background-color:   #fff;
    padding:            0 15px;
}
.ecs-config-devices-edit-params-form .params-group-header {
    border-top:         1px solid #ccc;
    font-size:          1em;
    font-weight:        bold;
    margin-bottom:      1em;
    padding-top:        5px;
}
.ecs-config-devices-edit-params-form .param-container {
    margin-bottom:      2em;
    padding-left:       2.5em;
}
.ecs-config-devices-edit-params-form div.value-list-controls {
    display: inline-block;
}
.ecs-config-devices-edit-params-form div.value-list-controls button:disabled {
    cursor:  not-allowed;
    opacity: 0.5;
}
.ecs-config-devices-edit-params-form edit-form-number-param-fields {
    display: block;
}
.ecs-config-devices-edit-params-form edit-form-select-param-fields {
    display: block;
}
.ecs-config-devices-edit-params-form edit-form-string-param-fields {
    display: block;
}
.ecs-config-devices-edit-params-form edit-form-switch-param-fields {
    display: block;
}
edit-form-number-param-fields > div, 
edit-form-select-param-fields > div,
edit-form-string-param-fields > div {
    margin-top: 10px;
}
edit-form-switch-param-fields > div {
    display:    inline-flex;
    margin-top: 10px;
    width:      100%;
}
edit-form-number-param-fields > div:first-child, 
edit-form-select-param-fields > div:first-child,
edit-form-string-param-fields > div:first-child {
    margin-top: 5px;
}

edit-form-select-param-fields select[disabled],
edit-form-number-param-fields input[disabled],
edit-form-number-param-fields input[readonly],
edit-form-string-param-fields input[disabled],
edit-form-string-param-fields input[readonly],
edit-form-switch-param-fields label[class~=disabled-toggle] input:checked + .slider {
    background-color: gainsboro;
    cursor:           not-allowed;
}

/** Import Resources Modal/Form styles: */
.ecs-config-devices-import-resources-form.ssp-popover-modal {
    background-color:   #fff;
    margin:             0 auto 0;
    padding:            0px !important;
    top:                5em !important;
    width:              500px;
    z-index:            1066;
}
.ecs-config-devices-import-resources-form.popover > .arrow {
    display: none;
}

@media screen and (max-width: 1024px) {
    .ecs-config-devices-edit-params-form.ssp-popover-modal {
        max-width: 620px !important;
        min-width: 620px !important;
    }
}ecs-election-data-download {
    display: block;
}

/** initial-stage Rules Styling rules: */
ecs-election-data-download .initial-stage .exportable-data-cell {
    height:     70px;
    padding:    15px 30px;
}
ecs-election-data-download .initial-stage p.buttons-area {
    clear:          both;
    position:       relative;
    text-align:     center;
    top:            15px;
}

/** monitoring-stage Rules Styling rules: */
@keyframes rotate-progress-icon-360 {
    100%   { transform: rotate(360deg); }
}
ecs-election-data-download .monitoring-stage {
    margin-top: 120px;
}
ecs-election-data-download .monitoring-stage .ssp-icon {
    animation:                  rotate-progress-icon-360;
    animation-duration:         4s;
    animation-iteration-count:  infinite;
    animation-timing-function:  linear;
    display:                    block;
    height:                     100px;
    margin:                     auto;
    width:                      100px;
}
ecs-election-data-download .monitoring-stage .detail {
    display:    block;
    margin-top: 30px;
    text-align: center;
}

/** results-stage Rules Styling rules: */
ecs-election-data-download .results-stage .ssp-icon {
    display:        block;
    height:         100px;
    margin:         auto;
    width:          100px;
}
ecs-election-data-download .results-stage {
    margin-top:     120px;
}
ecs-election-data-download .results-stage .detail {
    display:        block;
    line-height:    1.5;
    margin-top:     30px;
    text-align:     center;
}
ecs-election-data-download .results-stage .buttons-area {
    text-align:     center;
    margin-top:     20px;
}/*
 * styles.css
 *
 * Copyright (c) 2019 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

#ecs-languages-ViewPort .clickable-control {
    cursor: pointer;
}

#ecs-languages-ViewPort .language-cell .edit-button,
#ecs-languages-ViewPort .language-cell .edit-button.hidden {
    visibility: hidden;
}
#ecs-languages-ViewPort .language-cell:hover .edit-button,
#ecs-languages-ViewPort .language-cell .edit-button.force-visible {
    visibility: visible !important;
}



#edit-language-form .hiddenMessage {
    visibility:     hidden;
    display:        block !important;
}
#add-or-edit-language-group-form .clickable-control {
    cursor: pointer;
}
#add-or-edit-language-group-form .clickable-control[disabled] {
    color:  gray;
    cursor: not-allowed;
}
#add-or-edit-language-group-form [type="checkbox"]:disabled:checked + label[data-input-lang="true"]:after {
    color: #4f23c9;
}

#add-or-edit-language-group-form .instructions-box {
    margin-bottom: 10px;
}
#add-or-edit-language-group-form .hiddenMessage {
    visibility:     hidden;
    display:        block !important;
}

#add-or-edit-language-group-form.in-progress,
#add-or-edit-language-group-form.in-progress .clickable-control {
    cursor:     progress;
}
#add-or-edit-language-group-form.in-progress .close-form-button {
    cursor:     not-allowed;
}

@media screen and (max-width: 1024px) {
    #ecs-languages-ViewPort .top-action-bar-row {
        grid-template-columns: 55% 55% !important;
    }
}rms-listener-configuration {
    display: block;
}
rms-listener-configuration input:disabled {
    background-color: gainsboro;
}

/** initial-stage Rules Styling rules: */
rms-listener-configuration .initial-stage #form {
    margin:         40px auto 0px;
    width:          60%;
}
rms-listener-configuration .initial-stage #form .form-group {
    margin-bottom:  10px;
}
rms-listener-configuration .initial-stage #form label {
    cursor:         pointer;
    margin-bottom:  5px;
}
rms-listener-configuration .initial-stage p.buttons-area {
    clear:          both;
    position:       relative;
    text-align:     center;
    top:            10px;
}


/** monitoring-stage Rules Styling rules: */
@keyframes rotate-progress-icon-360 {
    100%   { transform: rotate(360deg); }
}
rms-listener-configuration .monitoring-stage {
    margin-top: 120px;
}
rms-listener-configuration .monitoring-stage .ssp-icon {
    animation:                  rotate-progress-icon-360;
    animation-duration:         4s;
    animation-iteration-count:  infinite;
    animation-timing-function:  linear;
    display:                    block;
    height:                     100px;
    margin:                     auto;
    width:                      100px;
}
rms-listener-configuration .monitoring-stage .detail {
    display:    block;
    margin-top: 30px;
    text-align: center;
}


/** results-stage Rules Styling rules: */
rms-listener-configuration .results-stage .ssp-icon {
    display:        block;
    height:         100px;
    margin:         auto;
    width:          100px;
}
rms-listener-configuration .results-stage {
    margin-top:     120px;
}
rms-listener-configuration .results-stage .detail {
    display:        block;
    line-height:    1.5;
    margin-top:     30px;
    text-align:     center;
}
rms-listener-configuration .results-stage .buttons-area {
    text-align:     center;
    margin-top:     20px;
}
.card-multi-value {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 300px;
    max-height: 300px;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
}
.card-multi-value:hover {
    cursor: pointer;
}
.card-multi-value .card-multi-value-header {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}

.card-multi-value .card-multi-value-content {
    padding: 0 10px;
    border-radius: 0 0 5px 5px;
    max-height: 250px;
    overflow-y: auto;
}
/* card-multi-value-content. centered */
.card-multi-value .card-multi-value-content.centered .card-multi-value-description {
    padding: 30px 10px 23px 10px;
}
.card-multi-value .card-multi-value-content.vertically-centered {
    padding-top: 0px;
}

.card-multi-value .card-multi-value-content.centered .card-multi-title {
    flex: 100%;
    margin-left: 0;
    text-align: center;
}

.card-multi-value .card-multi-value-content.centered .card-multi-content-status {
    float: none;
    margin: 20px auto 0 auto;
    width: 190px;
}
.card-multi-value .card-multi-value-content.centered .card-multi-status {
    margin-right: 20px;
    width: 160px;
    text-align: right;
}
/* card-multi-value-content. centered */

.card-multi-value .card-multi-title {
    flex: 2;
    margin-left: auto;
}

.card-multi-value  .card-multi-value-description {
    width: 100%;
    padding: 30px 50px 23px 30px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.card-multi-value .card-multi-title-val {
    margin-left: auto;
}

.card-multi-value .card-multi-content-status {
    margin: 20px 25px 0 0;
}

.card-multi-value .card-multi-status {
    margin: 0 20px 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-multi-value  .card-multi-status-value {
    float: right;
    margin-left: auto;
    word-break: normal;
}

.card-multi-value .card-status-box {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1300px) {
    .card-multi-value .card-multi-value-content {
        padding: 0 10px;
        border-radius: 0 0 5px 5px;
        overflow-y: auto;
    }
    .card-multi-value .card-multi-value-description {
        padding: 30px 5px 23px 5px;
    }
    .card-multi-value .card-multi-content-status {
        float: right;
        margin: 20px 5px 0 0;
    }
  }
.card-pie-chart {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 300px;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    height: 300px;
}
.card-pie-chart:hover {
    cursor: pointer;
}
.card-pie-chart .card-pie-select {
  width: 200px;
  margin-left: auto;
  background: #fff;
}
.card-pie-chart .card-pie-chart-header {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.card-pie-chart .card-pie-chart-subheader {
  padding: 5px 15px;
  border-bottom: 1px solid #000;
}
.card-pie-chart .card-pie-select {
  width: 150px;
  margin-left: auto;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #000;
}
.card-pie-chart .card-pie-chart-content {
    border-radius: 0 0 5px 5px;
}
.card-pie-chart .chart-text {
    fill: #000;
    -moz-transform: translateY(0.25em);
    -ms-transform: translateY(0.25em);
    -webkit-transform: translateY(0.25em);
    transform: translateY(0.25em);
}
.card-pie-chart .chart-number {
    text-anchor: middle;
    -moz-transform: translateY(-0.25em);
    -ms-transform: translateY(-0.25em);
    -webkit-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
}
.card-pie-chart .chart-label {
    text-transform: uppercase;
    text-anchor: middle;
    -moz-transform: translateY(0.7em);
    -ms-transform: translateY(0.7em);
    -webkit-transform: translateY(0.7em);
    transform: translateY(0.7em);
}
.card-pie-chart  figure {
    display: flex;
    justify-content: space-around;
}
.card-pie-chart .figure-key {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    align-self: center;
    max-height: 202px;
    overflow-y: auto;
    width: 66%;
}
.card-pie-chart .figure-content {
  padding-top: 22px;
  padding-left: 15px;
  padding-right: 15px;
  align-self: self-start;
  width: 46%;
}
.card-pie-chart .figure-content svg {
  max-height: 164px;
}
.card-pie-chart .figure-key [class*="shape-"] {
  margin-right: 6px;
  float: left;
  margin-top: 8px;
  margin-bottom: 20px;
}
.card-pie-chart .figure-key-list {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: column;
    display: flex;
}
.card-pie-chart .figure-key-list li {
    padding: 0;
    float: left;
    margin-bottom: 7px;
}
.card-pie-chart .figure-key-list li strong {

}
.card-pie-chart .shape-circle {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
@media (max-width: 830px) {
  .card-pie-chart .figure-key {
    max-height: 166px;
  }
}

@media (max-width: 768px) {
  .card-pie-chart figure {
    flex-direction: column;
  }
  .card-pie-chart .card-pie-chart-content {
    border-radius: 0 0 5px 5px;
    overflow-y: auto;
    max-height: 152px;
  }
  .card-pie-chart .figure-key {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    align-self: center;
    max-height: auto;
    overflow-y: unset;
    width: 100%;
  }
  .card-pie-chart .figure-content {
    margin: 0 auto;
  }
  .card-pie-chart .card-pie-chart-header {
    display: block;
  }
}
.card-progress-table {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 300px;
    max-height: 300px;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
}

.card-progress-table .mouse-pointer {
    cursor: pointer;
}

.card-progress-table .center-text {
    text-align: center;
}

.card-progress-table .card-progress-table-header {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}

.card-progress-table .card-progress-table-last-updated {
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #ccc;
}

.card-progress-table .card-progress-table-content {
    vertical-align: center;
    min-height: 182px;
    max-height: 182px;
    overflow-y: auto;
    overflow-x: hidden;
}

.card-progress-table .card-progress-table-data-header {
    padding: 4px;
    margin-left: 10px;
}

.card-progress-table .ssp-process-progress-bar {
    padding: 0 !important;
    margin-top: .4em;
}

.card-progress-table .ssp-process-progress-bar > .completeness-label {
    display: none !important;
}

.card-progress-table .card-progress-table-content-row {
    padding: 4px;
    margin-left: 10px;
}

.card-progress-table .card-progress-table-paginator {
    padding: 5px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    position: relative;
}

.card-progress-table .ssp-chevron-left-blue-icon.left {
    margin-left: -.5em;
}

.card-progress-table .ssp-chevron-left-blue-icon.right {
    transform: rotate(-90deg);
    margin-right: -.5em;
}

.card-progress-table .no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.card-progress-table .no-right-padding {
    padding-right: 4px !important;
}

.card-progress-table .btn-sm, .btn-group-sm>.btn {
    padding: 2px 5px;
}.card-single-value {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 300px;
    max-height: 300px;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
}

.card-single-value .card-single-value-header {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}

.card-single-value .card-single-value-content {
    padding: 15px;
    border-radius: 0 0 5px 5px;
    vertical-align: center;
    max-height: 250px;
    overflow-y: auto;
}

.card-single-value .card-single-value-description,
.card-single-value .card-single-value-value {
    text-align: center;
    padding: 10px;
}

.card-single-value .card-single-value-description {

}

.card-single-value .card-single-value-value {

}.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.18em solid #8564de;
  width: 0.64em;
  height: 0.64em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.18em;
  left: 0.18em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.64em;
  height: 0.64em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -moz-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  -o-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -moz-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  -o-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -moz-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  -o-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -moz-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  -o-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -moz-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  -o-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -moz-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  -o-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -moz-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  -o-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -moz-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  -o-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -moz-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  -o-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -moz-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  -o-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -moz-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  -o-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -moz-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  -o-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -moz-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  -o-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -moz-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  -o-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -moz-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  -o-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -moz-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  -o-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -moz-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  -o-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #8564de;
}
.c100:hover:after {
  top: 0.1em;
  left: 0.1em;
  width: 0.8em;
  height: 0.8em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}
#circularProgressBar{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px;
}

#circularProgressBar .taskGraph{
    padding-left: 25px;
    padding-right: 100px;
}

#circularProgressBar .taskGraph .c100{
    margin-bottom: 0;
}

#circularProgressBar .taskGraph .c100 .bar{
    border-color: #8564de;
}

#circularProgressBar .taskGraph .c100:hover span{
    color: #eee9fb;
}

/* 
    C100 width and height

*/ssp-filter-panel {
    width: 100%;
}

.ssp-filter-panel-open {
    margin-right: 15px;
}

.ssp-filter-panel-content-container {
    position: relative;
    width: 240px;
}

.ssp-filter-panel-closed {
    width: 30px;
}

.ssp-filter-panel-content {
    border-radius: 0px 5px 0px 0px;
    background-color: #dedede;
    min-height: 300px;
}

ssp-filter-panel .toggle-filter {
    position: absolute;
    right: -10px;
    top: 25px;
    width: 20px;
    height: 36px;
    border-radius: 2px;
    background-color: #eee;
    border: solid 1px #dedede;
}

ssp-filter-panel .toggle-filter:hover {
    background-color: #fff;
}

ssp-filter-panel .toggle-filter p {
    font-size: 12px;
    color: #4f23c9;
    text-align: center;
    margin-top: 8px;
    font-weight: bold;
}

#ssp-filter-panel-data-target {
    width: 95%;
}

.ssp-filter-panel-data-target-small {
    width: 83% !important;
}

ssp-filter-panel content {
    padding: 15px;
}

.ssp-filter-item {
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    padding: 10px 15px 0px 15px;
    margin-bottom: 15px;
}

.ssp-filter-item > p.ssp-filter-item-expander {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

.ssp-filter-item > p.ssp-filter-item-expander > .ssp-icon {
    float: right;
}

@media (max-width: 1380px) {
    #ssp-filter-panel-data-target {
        width: 93%;
    }

    .ssp-filter-panel-data-target-small {
        width: 74% !important;
    }
}
ssp-options-button, *[ssp-options-button], .btn-options-container {
    height:50px;
    width: 20px;
    display: inline-block;
    position: relative;
}

.dropdown-content > ul {
    left: 0;
    border-radius: 0;
}

.dropdown-content > ul li {
    padding: initial;
}

.btn-options {
    height:100%;
    width: 100%;
    min-height: 25px;
    padding: 5px 5px 5px 5px;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,0.15);
    display: flex;
    justify-content: center;
}

.btn-options:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.btn-options[disabled] {
    position: relative;
}

.btn-options-tooltip-layer {
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    cursor: not-allowed;
}

.dropdown-content > ul {
    transform: none !important;
    top: initial !important;
    left: initial !important;
    will-change: none !important;
}ssp-popover-modal-button {
    display: inline-block;
}

.ssp-popover-modal {
    background-color: #fafafa;
    max-width: 1100px !important;
    /*max-height: 800px !important;*/
}

.ssp-second-popover-modal {
    z-index: 1070;
}

.ssp-popover-modal .popover-content {
    border: none;
    border-radius: 1.2px;
    overflow-y:auto;
    overflow-x: hidden;
    padding: 25px;
}

.ssp-popover-modal .close-popover {
    color: gray;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
}

@media screen and (max-width: 1024px) {
    .ssp-popover-modal {
        max-width: 550px !important;
    }
}ssp-modal {
    display: inline-block;
}
.confirmation-modal {
    display: inline-block;
    padding: 0 15px;
    width: 100%;
}
radio-button > label {
    display:inline-block;
    position: relative;
    padding-left: 35px;
    padding-right:6px;
    margin-bottom: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

radio-button input {
    position:absolute;
    opacity:0;
    cursor:pointer;
}

radio-button .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: white;
    border-radius: 50%;
    z-index:0;
}

radio-button .checkmark:after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    padding:0;
    margin:0;
    border:2px solid #979797;
    border-radius: 50%;
    z-index:5;
}

radio-button .checkmark:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    padding:0;
    margin:0;
    border:5px solid white;
    border-radius: 50%;
    z-index:4;
}

radio-button input:checked ~ .checkmark {
    background:#4f23c9;
    box-sizing: border-box;
}

radio-button .radio-text-content {
    padding-top:2px;
    display:inline-block;
}

radio-button > .disabled-radio > .checkmark {
    background-color: #e0e0e0;
}/**
 * styles.css
 *
 * Copyright (c) 2016 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

ssp-rolling-buttons-menu {
    position: absolute;
    right: 0;
    height: 40px;
}

ssp-rolling-buttons-menu > .ssp-rolling-buttons-menu {
    position:   relative;
    display:    flex;
    float:      right;
    height:     100%;
    z-index:    4;
    margin-top: -4px;
}
.ssp-rolling-buttons-menu > .main-button {
    background-color: transparent;
    border-radius:    2px;
    /* border:           1px solid rgba(0,0,0,0.15);
    border-left:      1px solid #c1c1c1; */
    border:           0;
    height:           28px;
    padding:          0;
    outline:          none;
    width:            28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    margin-right: 10px;
}
.ssp-rolling-buttons-menu > .main-button.expanded {
    background-color: #c1c7d0;
}
.ssp-rolling-buttons-menu > .main-button:hover {
    background-color: #EBECF0;
}
.ssp-rolling-buttons-menu > .main-button.expanded:hover {
    background-color: #c1c7d0;
}
.ssp-rolling-buttons-menu > div.menu-content {
    height: 38px !important;
    margin-top: 2px;
    position:         absolute;
    display:          flex;
    justify-content:  center;
    right:            0;
    box-shadow:       -2px 0 2px 0px rgba(0,0,0, 0.5);
    background-color: #f4f5f7;
    height:           100%;
    min-height:       31px;
    overflow:         hidden;
    vertical-align:   top;
    white-space:      nowrap;
    word-break:       keep-all;
    transition:       width .5s ease;
    z-index: -1;
    width: 0;
    visibility: hidden;
}
ssp-tree .ssp-rolling-buttons-menu > div.menu-content {
    margin-top: 1px;
}

.ssp-rolling-buttons-menu > div.menu-content > div{
    display: flex;
    align-items: center;
}
/* .ssp-rolling-buttons-menu > div.menu-content.collapsed {    
    width: 0;
} */

.ssp-rolling-buttons-menu > div.menu-content.expanded{
    width: fit-content;
    visibility: visible;
    display: flex;
}

.ssp-rolling-buttons-menu > div.menu-content > div{
    padding-left: 30px;
    padding-right: 40px;
    margin-right: 10px;
}
.ssp-rolling-buttons-menu > div.menu-content .btn {
    background-color: transparent;
    border:           0;
    padding:          0px 0px;
    outline:          0;
}

.ssp-rolling-buttons-menu > div.menu-content .btn-with-separator {
    padding-left: 15px;
    padding-right: 15px;
}

.ssp-rolling-buttons-menu > div.menu-content .btn-with-left-separator {
    padding-left: 15px;
}

.ssp-rollover-button-separator {
    border-left: 0.5px solid #979797;
    padding-bottom: 7px;
    padding-top: 5px;
}

.btn-default-focus {
	border: none;
	background: transparent;
	outline: none;
	box-shadow: none;
}/*!
 * ui-grid - v4.11.1 - 2022-02-23
 * Copyright (c) 2022 ; License: MIT 
 */.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-icon-button{background-color:transparent;border:none;padding:0}.clickable{cursor:pointer}.ui-grid-top-panel-background{background-color:#f3f3f3}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:-ms-flexbox;display:flex;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:-ms-flexbox;display:flex;box-sizing:border-box;height:100%;width:100%}.ui-grid-header-cell-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header-cell>div{-ms-flex-basis:100%;flex-basis:100%}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:13px}.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-render-container-right .ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:28px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{box-sizing:border-box;padding:0 18px 0 0;margin:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px;min-height:1px}.ui-grid-row{clear:both}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell:hover .ui-grid-cell,.ui-grid-row:nth-child(odd):hover .ui-grid-cell,.ui-grid-row:nth-child(even):hover .ui-grid-cell{background-color:#d5eaee}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background-color:#f3f3f3;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#F0F0EE;border-bottom:solid 1px #d4d4d4}.ui-grid-cell-empty{display:inline-block;width:10px;height:10px}.ui-grid-footer-info{padding:5px 10px}.ui-grid-footer-panel-background{background-color:#f3f3f3}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport,.ui-grid-footer-canvas{height:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:0;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;cursor:pointer;height:32px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:5px;margin-left:2px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll}.ui-grid-menu{overflow:hidden;max-width:320px;z-index:2;position:absolute;right:100%;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu-item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-grid-menu .ui-grid-menu-inner{background:#fff;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item{color:#000;min-width:100%;padding:8px;text-align:left;background:transparent;border:none;cursor:default}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item{cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus{background-color:#b3c4c7}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active{background-color:#9cb2b6}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>.ui-grid-menu-item{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url(assets/227446cf79f53e00a94c7c8b65afe5bf.eot);src:url(assets/227446cf79f53e00a94c7c8b65afe5bf.eot#iefix) format('embedded-opentype'),url(data:font/woff;base64,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) format('woff'),url(assets/fc8a2b48ae523377a181be3813d58c31.ttf) format('truetype'),url(assets/8f16b81dd400112540ad7bb9a0c65e3d.svg?#ui-grid) format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid-icon-plus-squared:before{content:'\C350'}.ui-grid-icon-minus-squared:before{content:'\C351'}.ui-grid-icon-search:before{content:'\C352'}.ui-grid-icon-cancel:before{content:'\C353'}.ui-grid-icon-info-circled:before{content:'\C354'}.ui-grid-icon-lock:before{content:'\C355'}.ui-grid-icon-lock-open:before{content:'\C356'}.ui-grid-icon-pencil:before{content:'\C357'}.ui-grid-icon-down-dir:before{content:'\C358'}.ui-grid-icon-up-dir:before{content:'\C359'}.ui-grid-icon-left-dir:before{content:'\C35A'}.ui-grid-icon-right-dir:before{content:'\C35B'}.ui-grid-icon-left-open:before{content:'\C35C'}.ui-grid-icon-right-open:before{content:'\C35D'}.ui-grid-icon-angle-down:before{content:'\C35E'}.ui-grid-icon-filter:before{content:'\C35F'}.ui-grid-icon-sort-alt-up:before{content:'\C360'}.ui-grid-icon-sort-alt-down:before{content:'\C361'}.ui-grid-icon-ok:before{content:'\C362'}.ui-grid-icon-menu:before{content:'\C363'}.ui-grid-icon-indent-left:before{content:'\E800'}.ui-grid-icon-indent-right:before{content:'\E801'}.ui-grid-icon-spin5:before{content:'\EA61'}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}.ui-grid-cell input:focus{color:inherit;outline:none}.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.ui-grid-viewport .ui-grid-empty-base-layer-container{position:absolute;overflow:hidden;pointer-events:none;z-index:-1}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}.ui-grid-pager-panel{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px;box-sizing:content-box}.ui-grid-pager-container{float:left}.ui-grid-pager-control{padding:5px 0;display:flex;flex-flow:row nowrap;align-items:center;margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button,.ui-grid-pager-control span,.ui-grid-pager-control input{margin-right:4px}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background:#f3f3f3;border:1px solid #ccc;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#eee}.ui-grid-pager-control button:hover{border-color:#adadad;text-decoration:none}.ui-grid-pager-control button:focus{border-color:#8c8c8c;text-decoration:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active{border-color:#adadad;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button:active:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button:active:focus{background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active{color:#eee;background:#dadada}.ui-grid-pager-control button[disabled]{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.ui-grid-pager-control button[disabled]:hover,.ui-grid-pager-control button[disabled]:focus{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control input{display:inline;height:26px;width:50px;vertical-align:top;color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ui-grid-pager-control input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],.ui-grid-pager-control input::-moz-placeholder{opacity:1}.ui-grid-pager-control input::-moz-placeholder,.ui-grid-pager-control input:-ms-input-placeholder,.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly]{background-color:#eeeeee}.ui-grid-pager-control input[disabled]{cursor:not-allowed}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr{border-bottom:none;text-decoration:none}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-7px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-control .last-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-11px}.ui-grid-pager-row-count-picker{float:left;padding:5px 10px}.ui-grid-pager-row-count-picker select{color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:25px;width:67px;display:inline;vertical-align:middle}.ui-grid-pager-row-count-picker select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],.ui-grid-pager-row-count-picker select::-moz-placeholder{opacity:1}.ui-grid-pager-row-count-picker select::-moz-placeholder,.ui-grid-pager-row-count-picker select:-ms-input-placeholder,.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly]{background-color:#eeeeee}.ui-grid-pager-row-count-picker select[disabled]{cursor:not-allowed}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pager-count-container .ui-grid-pager-count abbr{border-bottom:none;text-decoration:none}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610B38}.ui-grid-row-error .ui-grid-cell{color:#FF0000 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#C9DDE1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{display:flex;align-items:center;height:100%;cursor:pointer}.ui-grid-selection-row-header-buttons::before{opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:all}.ui-grid-cell-contents.invalid{border:1px solid #fc8f8f}/**
 *
 * Styles that applies to all the ui grid implementations
 *
*/
.ui-grid {
    border: 0;
    background-color: #FFFFFF;
}

.ui-grid-header {
    border-bottom: solid 1px #e7eced;
    padding-bottom: 3px;
    padding-top: 5px;
    height: 40px;
}

.ui-grid-header-cell-row {
    height: 32px;
}

.ui-grid-top-panel {
    background: #e7eced;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f4f4f4;
    border-bottom: solid 1px #979797;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #FFFFFF;
    border-bottom: solid 1px #979797;
}

/* .ui-grid-row:last-child .ui-grid-cell {
    border-bottom-width: 1px !important;
} *//**
    Table View
*/
ssp-table-view {
    display: block;
}
ssp-table-view.height-auto .ssp-list-view-grid.ui-grid,
ssp-table-view.height-auto .ssp-table-view-grid.ui-grid,
ssp-table-view.height-auto .ui-grid-render-container-body .ui-grid-viewport,
ssp-table-view.height-auto .ui-grid-pinned-container-left .ui-grid-render-container-left .ui-grid-viewport {
    height: auto !important;
}

.ssp-table-view-grid.ui-grid {
    min-height: 250px !important;
}

.ssp-table-view-grid .ui-grid-header {
    padding: 0;
}
.ssp-table-view-grid .ui-grid-top-panel {
    background: #e6e6e6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 40px;
    padding: 7px;
}

.ssp-table-view-grid .ui-grid-header-cell {
    border: none;
}

.ssp-table-view-grid .ui-grid-cell {
    border-right: none;
    padding: 3px;
    background-color: white ;
    border-bottom: solid 1px #d4d4d4;
}

.ssp-table-view-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: none;
    margin-left: 3px;
}

.ssp-table-view-grid .ui-grid-icon-ok {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid var(--dark-grey-color);
    left: -5px;
    position: relative;
    color: var(--purple-60-color);
    opacity: 1;
}

.ssp-table-view-grid .ui-grid-icon-ok:before {
    opacity: 0;
}

.ui-grid-selection-row-header-buttons.ui-grid-all-selected,
.ui-grid-selection-row-header-buttons.ui-grid-row-selected {
    border: 1px solid var(--purple-60-color);
} 

.ssp-table-view-grid .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before,
.ssp-table-view-grid .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before {
    opacity: 1;
}

.ssp-table-view-grid .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell,
.ssp-table-view-grid .ui-grid-row.ui-grid-row-selected .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    background-color: #e8f5f8;
}

.ssp-table-view-grid .list-pages {
    font-size: 12px;
    color: #7d7d7d;
}

.ssp-table-view-grid .list-pages select {
    height: 24px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #7d7d7d;
}

.ssp-table-view-grid .list-pages select option:empty {
    display:none;
}

.ssp-table-view-grid .list-paginator button {
    min-width: 28px;
    min-height: 28px;
    font-size: 16px;
    text-align: center;
    color: #444;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #9b9b9b;
    margin: 3px;
}

.ssp-table-view-grid .list-paginator button.wider {
    min-width: 43px;
}

.ssp-table-view-grid .list-paginator button:disabled {
    background-color: #d8d8d8;
    color: #9b9b9b;
}

.ssp-table-view-grid .title-container {
    margin-bottom: 4px;
    margin-top: -32px;
    float: left;
}

/**
    List View
*/
.ssp-list-view-grid.ui-grid {
    background: none;
    min-height: 250px !important;
}

.ssp-list-view-grid .ui-grid-header {
    padding: 0;
    margin-bottom: 5px;
    border-bottom: none;
}

.ssp-list-view-grid .ui-grid-header .ui-grid-top-panel {
    border-radius: 4px 0px 0px 0px;
}

.ssp-list-view-grid .ui-grid-top-panel {
    background: #e6e6e6;
    height: 35px !important;
    border-radius: 0px 4px 0px 0px;
}

.ssp-list-view-grid .ui-grid-header-cell {
    border: none !important;
    padding-top: 5px;
    padding-left: 5px;

    /** Same styles as .h28 */
    font-size: 12px;
    color: #333;
    font-weight: bold;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    height: 40px;
    background-color: white;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    height: 40px;
}

.ssp-list-view-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: none;
    top:-5px;
}

.ssp-list-view-grid .ui-grid-row {
    border-radius: 3px;
    height: 40px !important;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 5px;

    /** Same styles as .h27 */
    font-size: 16px;
    color: #333;
}

.ssp-list-view-grid .ui-grid-render-container-body .ui-grid-viewport {
    height: 45px;
}

.ssp-list-view-grid .ui-grid-column-menu-button {
    top: 3px;
}

.ssp-list-view-grid .ui-grid-cell {
    border: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6 !important;
    border-left: solid 1px #e6e6e6 !important;
    padding: 3px;
}

.ssp-list-view-grid .ui-grid-row>.ui-grid-cell:last-child {
    width:97%;
}

.ssp-list-view-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: none;
    background-color: white;
    padding-left: 0;
}

.ssp-list-view-grid .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
    background-color: #def4f8;
}

.ssp-list-view-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #def4f8;
}

.ui-grid-row-hover {
    background-color: #def4f8 !important;
}

.ssp-list-view-grid .ui-grid-icon-ok {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #979797;
    position: relative;
    color: #4f23c9;
    opacity: 1;
    font-size: 14px;
}

.ssp-list-view-grid .ui-grid-icon-ok:before {
    opacity: 0;
}

.ssp-list-view-grid .ui-grid-header-cell .ui-grid-icon-ok {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #979797;
    position: relative;
    color: #4f23c9;
    opacity: 1;
    left: -5px;
    margin: 0;
    position: relative;
}

.ssp-list-view-grid .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before,
.ssp-list-view-grid .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before {
    opacity: 1;
}

.ssp-list-view-grid .ssp-list-view-grid-title {
    font-size: 10px;
    font-weight: bold;
    color: #4a4a4a;
}

.ssp-table-title {
    margin-left: 35px;
}

.ssp-list-view-grid .ui-grid-header-cell .ui-grid-cell-contents {
    padding-left: 10px;
}

.ssp-list-view-grid .ui-grid-disable-selection .ui-grid-cell-contents,
.ssp-list-view-grid .ui-grid-header-cell .ui-grid-cell-contents .ui-grid-selection-row-header-buttons {
    margin-left: -5px;
}

.ssp-list-view-grid .options-panel {
    position: relative;
    top: -3px;
    left: -3px;
    height: 38px;
    width: 15px;
    background-color: #f6f6f6;
    border: solid 1px #969696;
}

.ssp-list-view-grid options-panel-open {
    border: none;
}

.ssp-list-view-grid .options-panel-closed {
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.8em;
    width: 15px;
    height: 38px;
    margin-top: -6px;
    margin-left: 2px;
    cursor: pointer;
}

.ssp-list-view-grid-options.popover {
    border: none;
    border-radius: 0;
    background-color: #f6f6f6;
    height: 38px;
}

.ssp-list-view-grid-options .popover-content {
    padding-top: 5px;
}

.ssp-list-view-grid-options.popover.left {
   margin-left: 15px;
}

.ssp-list-view-grid-options .arrow {
    display: none;
}

.ssp-list-view-grid-option {
    background: 0;
    border: none;
}

ssp-table-view[mode="LIST"] .ssp-ui-grid-row .ui-grid-cell-contents.clickable{
    padding-left: 5px;
}

ssp-table-view:not([mode="LIST"]) .ssp-ui-grid-row .ui-grid-cell-contents.clickable{
    padding-left: 5px;
}

ssp-table-view .ssp-ui-grid-row:hover{
    cursor: pointer;
}

.ssp-table-view-grid .ui-grid-row .ui-grid-cell{
    background-color: inherit;
}

.ssp-table-view-grid .selected-row {
    background-color: #cbbdf2;
}

.ssp-list-view-grid .selected-row .ui-grid-cell {
    background-color: #cbbdf2 !important;
}

.ssp-table-view-grid .ssp-ui-grid-row-style {
    padding-top: 0px;
    margin-top: 2px;
}

.ssp-list-view-grid  .ssp-ui-grid-row-style {
    margin-top: 5px !important;
}

ssp-table-view .ssp-rolling-buttons-menu > div.menu-content {
    height: 100% !important;
    display: none;
}

.ssp-table-view-grid .disabled-row {
    background-color: #e2e2e2 !important;
    opacity: .65 !important;
    pointer-events: none !important;
}

.ssp-table-view-grid .disabled-row:hover {
    background-color: #e2e2e2 !important;
    opacity: .65 !important;
    pointer-events: none !important;
}

.ssp-table-view-grid .disabled-row .ui-grid-icon-ok {
    border-color: #969696 !important;
    color: #969696 !important;
    pointer-events: none !important;
}

.ssp-table-view-grid .no-data-watermark,
.ssp-list-view-grid  .no-data-watermark {
    display:    block;
    font-size:  1em;
    opacity:    0.25;
    position:   absolute;
    text-align: center;
    top:        100px;
    width:      100%;
    z-index:    1000;
}
.ssp-table-view-grid .no-data-watermark > .no-data-text,
.ssp-list-view-grid  .no-data-watermark > .no-data-text {
    font-size:  2em;
}/**
    Table View
*/
.ssp-nav-tablex.ui-gridx, .ssp-nav-tablex .ui-grid-viewport {
    height: auto !important;
    overflow-y: hidden !important;
}

.ssp-nav-tablex .ui-gridx {
    height: 450px;
}

.ssp-nav-table .ui-grid-header {
    padding: 0;
}
.ssp-nav-table .ui-grid-top-panel {
    background: #e6e6e6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 40px;
    padding: 7px;
}

.ssp-nav-table .ui-grid-header-cell {
    border: none;
}

.ssp-nav-table .ui-grid-cell {
    border-right: none;
    padding: 3px;
    background-color: white ;
    border-bottom: solid 1px #d4d4d4;
}

.ssp-nav-table .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: none;
    margin-left: 3px;
}

.ssp-nav-table .ui-grid-icon-ok {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px var(--dark-grey-color);
    left: -5px;
    position: relative;
    color: var(--purple-60-color);
    opacity: 1;
}

.ssp-nav-table .ui-grid-icon-ok:before {
    opacity: 0;
}

.ssp-nav-table .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before,
.ssp-nav-table .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before {
    opacity: 1;
}

.ssp-nav-table .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell,
.ssp-nav-table .ui-grid-row.ui-grid-row-selected .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    background-color: #e8f5f8;
}

.ssp-nav-table .list-pages {
    font-size: 12px;
    color: #7d7d7d;
}

.ssp-nav-table .list-pages select {
    height: 24px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #7d7d7d;
}

.ssp-nav-table .list-pages select option:empty {
    display:none;
}

.ssp-nav-table .list-paginator button {
    min-width: 28px;
    min-height: 28px;
    font-size: 16px;
    text-align: center;
    color: #444;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #9b9b9b;
    margin: 3px;
}

.ssp-nav-table .list-paginator button.wider {
    min-width: 43px;
}

.ssp-nav-table .list-paginator button:disabled {
    background-color: #d8d8d8;
    color: #9b9b9b;
}

@media (max-height: 768px) {
    .ssp-nav-table .ui-grid {
        min-height: 350px !important;
    }
}

.ssp-nav-table .title-container {
    margin-bottom: 4px;
    margin-top: -32px;
    float: left;
}

/**
    Breadcrumbs
*/

.breadcrumbs {
    margin-left: -38px;
}
.breadcrumbs .breadcrumb-item {
  font-weight: bold;
  display: contents;
}
.breadcrumbs > li {
  float: left;
  list-style: none outside none;
}
.breadcrumbs li:first-child > .breadcrumb-item:before,
.breadcrumbs li:first-child > .breadcrumb-item:after {
  display: none;
}
.breadcrumbs .breadcrumb-item .link {
    font-weight: bold;
}
.breadcrumbs .breadcrumb-item .current {
    color: #777777;
}
.breadcrumbs .breadcrumb-item:hover .link {
  cursor: pointer;
}
.breadcrumbs .breadcrumb-item:hover .clickable-item {
  cursor: pointer;
}
.divider {
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    width: 10px;
    background-size: 10px !important;
    margin-left: 5px;
    margin-right: 5px;
}

.ssp-nav-table .no-data-watermark {
    display:    block;
    font-size:  1em;
    opacity:    0.25;
    position:   absolute;
    text-align: center;
    top:        min(100%, 25vh);
    width:      100%;
    z-index:    1000;
}
.ssp-nav-table .no-data-watermark > .no-data-text {
    font-size:  2em;
}.top-action-bar-row {
    display: inline-grid;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 20px 0px 0px;
    width: 100%;
}
.top-action-bar-row > div{
    display: flex;
    align-items: center;
}
.top-action-bar-row .bar-title{
    text-transform: uppercase;
}
.top-action-bar-row .bar-tools{
    display: flex;
    align-items: flex-end;
    margin-left: 30px;
}
.top-action-bar-row .bar-tools .tool{
    display: flex;
    align-items: flex-end;
}
.top-action-bar-row .bar-tools .tool toggle-switch label{
    margin-bottom: -2px;
}

.top-action-bar-left-column {
    flex: 1;
    margin-right: 10px;
}

.top-bar-info-summary, .top-action-bar-left info {
    margin: 7px 0 0 0;
    font-size: 80%;
}

.top-action-bar-row .bar-sub-title{
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
}treecontrol {
    /* prevent user selection */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* default */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:13px;
    color: #555;
    text-decoration: none;
}

treecontrol ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    overflow: hidden;
}

treecontrol li {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 20px;
}

treecontrol li.tree-expanded i.tree-leaf-head, treecontrol li.tree-collapsed i.tree-leaf-head {display:none;}
treecontrol li.tree-expanded i.tree-branch-head, treecontrol li.tree-collapsed i.tree-branch-head {display:inline;}
treecontrol li.tree-leaf i.tree-branch-head {display:none;}
treecontrol li.tree-leaf i.tree-leaf-head {display:inline;}

treecontrol li i.tree-branch-head {
    cursor: pointer;
}

treecontrol li .tree-label {
    cursor: pointer;
    display: inline;
}

treecontrol li .tree-unselectable {
    cursor: not-allowed;
}

treecontrol.tree-classic li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJBJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX9EUgsSIwVgNQOdjxcBwghswP0MFLAAThLHxYbA6mBfA/oIJoinEhmGaUQwgRzPcABAGeYMYDFMPwygc0vF/BgDd66LkDQj2XgAAAABJRU5ErkJggg==) no-repeat;
}

treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAIhJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX7EoxobRw4U6BszPUAEHHDEYrBbdALC/sCjGhrGGAUgQ7DQsGtAxVgNAGOQ0YjBMPQyjcEjH/xkAhEKsbVNNI1sAAAAASUVORK5CYII=) no-repeat;
}

treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAHZJREFUOE9j+P//Pxiv7HH8jw/D1CFjOAOqACu4srcGqwFEa8ZmAEma0Q3A1JxbgIrRAH7NBABezT3bF8JxfU08WCwrJwlMgwD1bYbZguxXkBjIVmSboepwaCYA8GoGRQeyvy07S8AYBmhnMyGAUzOxGKLnPwMABE2jDc+cnOsAAAAASUVORK5CYII=) no-repeat;
}

treecontrol.tree-classic li .tree-selected {
    background-color: #aaddff;
    font-weight: bold;
}

treecontrol.tree-classic li .tree-unselectable {
    color: #ddd;
}

treecontrol.tree-light li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

treecontrol.tree-light li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

treecontrol.tree-light li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    width: 16px; height: 16px;
    background: none no-repeat;
}

treecontrol.tree-light li .tree-selected {
    font-weight: bold;
}

treecontrol.tree-light li .tree-unselectable {
    color: #ddd;
}

treecontrol.tree-dark li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

treecontrol.tree-dark li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAABYlAAAWJQFJUiTwAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAFpJREFUeNpi/P//PwMlgImBQsACY+zZswfmFEZiNLq4uOB0wX8optgLRBlETBjgNYiUQMRqEDmxgGIQCxkGMGKNRlI1kmIAI1EJiVSN+AxgJClABjwzUWwAYAACoRQglLEtYwAAAABJRU5ErkJggg==) no-repeat;
}

treecontrol.tree-dark li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    width: 16px; height: 16px;
    background: none no-repeat;
}

treecontrol.tree-dark li .tree-selected {
    font-weight: bold;
}

treecontrol.tree-dark li .tree-unselectable {
    color: #777;
}

treecontrol.tree-dark {
    color: #ddd;
}

treecontrol.tree-boot {
    color: #428bca;
    font-family: inherit;
    font-size: inherit;
}

treecontrol.tree-boot > ul > li {
    padding: 0;
}

treecontrol.tree-boot li > .tree-label {
    display: block;
    padding: 3px 0;
    border-radius: 4px;
}

treecontrol.tree-boot i.tree-branch-head,
treecontrol.tree-boot i.tree-leaf-head {
    float: left;
    height: 16px;
    margin: 5px;
}

treecontrol.tree-boot li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJBJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX9EUgsSIwVgNQOdjxcBwghswP0MFLAAThLHxYbA6mBfA/oIJoinEhmGaUQwgRzPcABAGeYMYDFMPwygc0vF/BgDd66LkDQj2XgAAAABJRU5ErkJggg==) no-repeat;
}

treecontrol.tree-boot li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAIhJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX7EoxobRw4U6BszPUAEHHDEYrBbdALC/sCjGhrGGAUgQ7DQsGtAxVgNAGOQ0YjBMPQyjcEjH/xkAhEKsbVNNI1sAAAAASUVORK5CYII=) no-repeat;
}

treecontrol.tree-boot li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAHZJREFUOE9j+P//Pxiv7HH8jw/D1CFjOAOqACu4srcGqwFEa8ZmAEma0Q3A1JxbgIrRAH7NBABezT3bF8JxfU08WCwrJwlMgwD1bYbZguxXkBjIVmSboepwaCYA8GoGRQeyvy07S8AYBmhnMyGAUzOxGKLnPwMABE2jDc+cnOsAAAAASUVORK5CYII=) no-repeat;
}

treecontrol.tree-boot .tree-label.tree-selected,
treecontrol.tree-boot .tree-label.tree-selected:hover {
    color: #fff;
    background-color: #428bca;
}

treecontrol.tree-boot .tree-label:hover {
    background-color: #eee;
}
[treecontrol] {
    /* prevent user selection */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* default */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:13px;
    color: #555;
    text-decoration: none;
}

[treecontrol] ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    overflow: hidden;
}

[treecontrol] li {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 20px;
}

[treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
[treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline;}
[treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
[treecontrol] li.tree-leaf i.tree-leaf-head {display:inline;}

[treecontrol] li i {
    cursor: pointer;
}

[treecontrol] li .tree-label {
    cursor: pointer;
    display: inline;
}


[treecontrol].tree-classic li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJBJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX9EUgsSIwVgNQOdjxcBwghswP0MFLAAThLHxYbA6mBfA/oIJoinEhmGaUQwgRzPcABAGeYMYDFMPwygc0vF/BgDd66LkDQj2XgAAAABJRU5ErkJggg==) no-repeat;
}

[treecontrol].tree-classic li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAIhJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX7EoxobRw4U6BszPUAEHHDEYrBbdALC/sCjGhrGGAUgQ7DQsGtAxVgNAGOQ0YjBMPQyjcEjH/xkAhEKsbVNNI1sAAAAASUVORK5CYII=) no-repeat;
}

[treecontrol].tree-classic li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAHZJREFUOE9j+P//Pxiv7HH8jw/D1CFjOAOqACu4srcGqwFEa8ZmAEma0Q3A1JxbgIrRAH7NBABezT3bF8JxfU08WCwrJwlMgwD1bYbZguxXkBjIVmSboepwaCYA8GoGRQeyvy07S8AYBmhnMyGAUzOxGKLnPwMABE2jDc+cnOsAAAAASUVORK5CYII=) no-repeat;
}

[treecontrol].tree-classic li .tree-selected {
    background-color: #aaddff;
    font-weight: bold;
}


[treecontrol].tree-light li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

[treecontrol].tree-light li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

[treecontrol].tree-light li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    width: 16px; height: 16px;
    background: none no-repeat;
}

[treecontrol].tree-light li .tree-selected {
    font-weight: bold;
}


[treecontrol].tree-dark li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

[treecontrol].tree-dark li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,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) no-repeat;
}

[treecontrol].tree-dark li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    width: 16px; height: 16px;
    background: none no-repeat;
}

[treecontrol].tree-dark li .tree-selected {
    font-weight: bold;
}

[treecontrol].tree-dark {
    color: #ddd;
}

[treecontrol].tree-boot {
    color: #428bca;
    font-family: inherit;
    font-size: inherit;
}

[treecontrol].tree-boot > ul > li {
    padding: 0;
}

[treecontrol].tree-boot li > .tree-label {
    display: block;
    padding: 3px 0;
    border-radius: 4px;
}

[treecontrol].tree-boot i.tree-branch-head,
[treecontrol].tree-boot i.tree-leaf-head {
    float: left;
    height: 16px;
    margin: 5px;
}

[treecontrol].tree-boot li.tree-expanded i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJBJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX9EUgsSIwVgNQOdjxcBwghswP0MFLAAThLHxYbA6mBfA/oIJoinEhmGaUQwgRzPcABAGeYMYDFMPwygc0vF/BgDd66LkDQj2XgAAAABJRU5ErkJggg==) no-repeat;
}

[treecontrol].tree-boot li.tree-collapsed i.tree-branch-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAIhJREFUOE9j+P//P0UYqyApGIVzuN3kPzJGlsOF4Yy1xbpAChVAxVA0oGMwAbbt0TwEvtT8/8GuCjBGdxVYLVYDiAS4DUB2AR48PUoe0wCwX7EoxobRw4U6BszPUAEHHDEYrBbdALC/sCjGhrGGAUgQ7DQsGtAxVgNAGOQ0YjBMPQyjcEjH/xkAhEKsbVNNI1sAAAAASUVORK5CYII=) no-repeat;
}

[treecontrol].tree-boot li.tree-leaf i.tree-leaf-head {
    padding: 1px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAOw4AAA7DAZBCL/sAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAHZJREFUOE9j+P//Pxiv7HH8jw/D1CFjOAOqACu4srcGqwFEa8ZmAEma0Q3A1JxbgIrRAH7NBABezT3bF8JxfU08WCwrJwlMgwD1bYbZguxXkBjIVmSboepwaCYA8GoGRQeyvy07S8AYBmhnMyGAUzOxGKLnPwMABE2jDc+cnOsAAAAASUVORK5CYII=) no-repeat;
}

[treecontrol].tree-boot .tree-label.tree-selected,
[treecontrol].tree-boot .tree-label.tree-selected:hover {
    color: #fff;
    background-color: #428bca;
}

[treecontrol].tree-boot .tree-label:hover {
    background-color: #eee;
}
.tree-region-count-span {
    color: var(--purple-60-color);
    font-size: 1.14em !important;
}

i.tree-branch-head {
    margin-top: 7px;
    background: none !important;
    float: left;
    width: 31px; /* fixed width due to icon width fluctuations */ 
    margin-right: 3px;
}
i.tree-leaf-head {
    padding: 7px 17px !important;
    background: none !important;
    float: left;
}
.tree-li {
    padding: 0 0 0 25px !important;
}
.bottom-border {
    border-bottom: solid 1px #979797;
}
.ssp-inner-tree-node {
    padding-bottom: 7px;
    padding-top: 7px;
    margin-left: 0;
}
.tree-control {
    margin-left: -25px;
    padding-top: 10px;
    padding-right: 10px;
}
.tree-header {
    border-bottom: solid 0.5px #ced0d6;
    padding-top: 10px;
    padding-bottom: 5px;
}
[treecontrol].tree-classic li.tree-collapsed i.tree-branch-head {
    padding: 0px 5px !important;
    margin-top: 5px !important;
}
[treecontrol].tree-classic li.tree-collapsed i.tree-branch-head:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yMCAxNS40OTVhLjk5OC45OTggMCAwIDEtMSAxLjAwNSAxIDEgMCAwIDEtLjcxLS4yOTVMMTIgOS45MTNsLTYuMjkgNi4yOTJhMS4wMDUgMS4wMDUgMCAwIDEtMS42OC0uNDUgMS4wMDIgMS4wMDIgMCAwIDEgLjI2LS45NjlsNy02Ljk5YTEgMSAwIDAgMSAxLjQyIDBsNyA2Ljk5YS45OTguOTk4IDAgMCAxIC4yOS43MXoiIGZpbGw9IiMzRDNEM0QiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K) !important;
}

[treecontrol].tree-classic li.tree-expanded i.tree-branch-head {
    padding: 0px 5px !important;
    margin-top: 5px !important;
}
[treecontrol].tree-classic li.tree-expanded i.tree-branch-head::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00IDguNTA1QS45OTguOTk4IDAgMCAxIDUgNy41YTEgMSAwIDAgMSAuNzEuMjk1TDEyIDE0LjA4N2w2LjI5LTYuMjkyYTEuMDA1IDEuMDA1IDAgMCAxIDEuNjguNDVjLjA5My4zNDYtLjAwNi43MTUtLjI2Ljk2OWwtNyA2Ljk5YTEgMSAwIDAgMS0xLjQyIDBsLTctNi45OWEuOTk4Ljk5OCAwIDAgMS0uMjktLjcxeiIgZmlsbD0iIzNEM0QzRCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=);
}

.tree-li-selected {
    background-color: #eee9fb;
}
.tree-li-selected:hover {
    background-color: #cbbdf2;
}
.tree-li-disabled {
    cursor: initial !important;
}
[treecontrol] {
    font-family: "Roboto", "Roboto Mono", "Noto Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #3d3d3d;

    background-color: white;
    color:#3d3d3d;
    border-radius: 4px;
}
.ssp-tree > .table-header {
    background-color:   #d8d8d8;
    color:              black;
    padding-top:        10px;
    padding-bottom:        10px;
    font-weight:        bold;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.ssp-tree > .table-header label, .ssp-tree > .table-header span {
    font-family: "Roboto";
    letter-spacing: 0.25px;
    line-height: 20px;
    color: #3d3d3d;
}

ssp-tree node, [ssp-tree] node, ssp-tree node-menu, [ssp-tree] node-menu {
    display: block;
    height: 100%;
}
.ssp-tree-node-container > ssp-options-button {
    background-color: #fff;
}
.ssp-tree-node-container {
    height: 40px;
}
.ssp-tree-node-container.node-edit {
    height: initial;
    min-height: 35px;
}
.ssp-tree-node-container.node-edit > ssp-options-button {
    height: 35px;
}
.ssp-tree-node {
    width: auto;
    /*overflow: hidden;*/
    height: 100%;
}
.ssp-tree-node > node > div,
.ssp-tree-node > div,
.ssp-tree-node-side-menu,
.ssp-tree-node-side-menu .btn
{
    height: 100%;
}
.ssp-tree-node-side-menu {
    padding-left: 30px;
    padding-right: 40px;
    margin-right: 10px;
}
.ssp-tree-node:hover {
    background-color: rgba(222,244,248, .5);
}
ssp-tree [treecontrol] li .tree-label,
ssp-tree .tree-leaf-head,
*[ssp-tree] [treecontrol] li .tree-label,
*[ssp-tree] .tree-leaf-head
{
    cursor: initial !important;
}
ssp-tree [treecontrol] li .tree-label node > *,
*[ssp-tree] [treecontrol] li .tree-label node > *
{
    cursor: pointer;
}

.ssp-tree .ssp-rolling-buttons-menu {
    margin-top: 0;
}
.ssp-tree .ssp-rolling-buttons-menu node-menu {
    display: flex;
    align-items: center;
}.ssp-guidance-wizard {
    width: 700px;
    height: 530px;
    background-color: #dceef2;
    border: 0px;
}

.no-horizontal-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.ssp-guidance-wizard-panel {
    padding-top:216px;
    width: 40px;
}

.ssp-guidance-wizard-content {
    width: 620px
}

.ssp-guidance-wizard-padding-top {
    padding-top: 10px
}

.ssp-guidance-wizard-steps-content {
    margin-left:10px;
    margin-right: 10px;
    padding-top: 15px
}

.ssp-guidance-wizard-left-arrow {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI3OCIgdmlld0JveD0iMCAwIDM2IDc4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzg1NjRkZSIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTAgLjExNEMyMC4xMzcgMS42NDYgMzYgMTguNDcgMzYgMzlTMjAuMTM3IDc2LjM1NCAwIDc3Ljg4NlYuMTE0eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGQ0ZDRkMiIGQ9Ik0yOC4yNzIgMzAuNTI3Yy0uMzggMC0uNzQ3LjE1Ni0xLjAxNC40MjNsLTcuMjU1IDcuMjM2YTEuNDggMS40OCAwIDAgMC0uNDEyIDEuMDEzYzAgLjM3OS4xNTYuNzQ2LjQxMiAxLjAwMmw3LjI1NSA3LjI0OGMuMjY3LjI2Ny42MzUuNDIzIDEuMDE0LjQyM2ExLjQgMS40IDAgMCAwIDEuMDAzLS40MjNsLjgzNS0uODM1YTEuMzk2IDEuMzk2IDAgMCAwIDAtMi4wMDRsLTUuNDA0LTUuNDEgNS40MDQtNS40MTFjLjI2OC0uMjU2LjQyNC0uNjI0LjQyNC0xLjAwMiAwLS4zNzktLjE1Ni0uNzQ2LS40MjQtMS4wMTNsLS44MzUtLjgzNWExLjQzNiAxLjQzNiAwIDAgMC0xLjAwMy0uNDEyeiIvPgogICAgPC9nPgo8L3N2Zz4K);
    background-size: 36px 78px;
    display: block;
    width: 40px;
    height: 150px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.ssp-guidance-wizard-right-arrow {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI3OCIgdmlld0JveD0iMCAwIDM2IDc4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzg1NjRkZSIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTM2IDc3Ljg4NkMxNS44NjMgNzYuMzU0IDAgNTkuNTMgMCAzOVMxNS44NjMgMS42NDYgMzYgLjExNHY3Ny43NzJ6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZDRkNGQyIgZD0iTTcuNzI4IDQ3LjQ3M2MuMzggMCAuNzQ3LS4xNTYgMS4wMTQtLjQyM2w3LjI1NS03LjIzNmExLjQ4IDEuNDggMCAwIDAgLjQxMi0xLjAxM2MwLS4zNzktLjE1Ni0uNzQ2LS40MTItMS4wMDJMOC43NDIgMzAuNTVhMS40NDQgMS40NDQgMCAwIDAtMS4wMTQtLjQyMyAxLjQgMS40IDAgMCAwLTEuMDAzLjQyM2wtLjgzNS44MzVhMS4zOTYgMS4zOTYgMCAwIDAgMCAyLjAwNGw1LjQwNCA1LjQxLTUuNDA0IDUuNDExYTEuMzk2IDEuMzk2IDAgMCAwLS40MjQgMS4wMDJjMCAuMzc5LjE1Ni43NDYuNDI0IDEuMDEzbC44MzUuODM1Yy4yNTcuMjU2LjYyNC40MTIgMS4wMDMuNDEyeiIvPgogICAgPC9nPgo8L3N2Zz4K);
    background-size: 44px 78px;
    display: block;
    width: 40px;
    height: 150px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.ssp-guidance-page-indicator {
    margin-right: auto;
    margin-left: auto;
    width: inherit;
}
.guidance-first-row {
    height: 460px;
}
.guidance-buttons {
    position: relative;
    margin-right: 1em;
}
.guidance-buttons-show {
    height: 100%;
    position: absolute;
    float: right;
}
.ssp-guidance-circle {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background: #ffffff;
	display: inline-block;
	margin: 0 5px;
	/* width and height can be anything, as long as they're equal */
}
.ssp-guidance-circle-active {
	border-radius: 50%;
	width: 10px;
	height: 10px;
    background: #4f23c9;
	display: inline-block;
	margin: 0 5px;
}
.ssp-guidance-label {
    vertical-align: middle;
}
.ssp-guidance-label::before {
    margin-top: -10px !important;
}

.ssp-guidance-close-popover {
    margin-top: 10px;
    margin-right: 10px;
}

.ssp-guidance-background-img {
    background-repeat: no-repeat;
    height: -webkit-fill-available;
    background-position: center;
}

.ssp-gif-smartcard-insert {
    background-image: url(assets/bea28a8aaa1d3605df3003bf993a8bd2.gif);
    height:         258px;
    width:          240px;
}
.ssp-gif-smartcard-process {
    background-image: url(assets/14a6366fbcf2e5e580a31e45c6bb96eb.gif);
    height:         258px;
    width:          240px;
}
.ssp-gif-smartcard-remove {
    background-image: url(assets/3867fa2551217d65adfd4203999abf79.gif);
    height:         258px;
    width:          240px;
}
.ssp-gif-usp-insert {
    background-image: url(assets/4b97059b46eec8bd7d3b4c89f1bfecea.gif);
    height:         258px;
    width:          240px;
}
.ssp-gif-usb-process {
    background-image: url(assets/9e0670b976c82b02fd89f7526969a100.gif);
    height:         258px;
    width:          240px;
}
.ssp-gif-usb-remove {
    background-image: url(assets/e2d97960bed1af822a29bd99509c767d.gif);
    height:         258px;
    width:          240px;
}
.ssp-page-loading-spinner {
    background-image: url(assets/d801bc8e0c1a6e65bf5ba5418c8fd0de.gif);
    width: 120px;
    height: 126px;
}.ssp-table-tree {
    margin: 10px 0 10px 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.ssp-table-tree .ssp-table-tree-title {
    padding-left: 1.5em;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: .9em;
}

.ssp-table-tree .no-right-padding {
    padding-right: 0;
}

.ssp-table-tree .header-padding-selectable {
    margin-left: .75em;
}

.ssp-table-tree .header-padding-not-selectable {
    margin-left: .7em;
}

.ssp-table-tree .header-padding-selectable-child {
    margin-left: 2.1em;
}

.ssp-table-tree .header-padding-not-selectable-child {
    margin-left: 3.5em;
}

.ssp-table-tree .ssp-table-tree-header {
    background-color: #e6e6e6;
    padding: 8px;
    font-size: 1em;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.ssp-table-tree .ssp-table-tree-data-container {
    background-color: #fff;
}

.ssp-table-tree .ssp-table-tree-row-data,
.ssp-table-tree .ssp-table-tree-child-data,
.ssp-table-tree .ssp-table-tree-childs-child-header {
    padding: 8px 0 8px 0;
}

.ssp-table-tree .ssp-table-tree-row-border {
    border-top: 1px solid #ccc;
}

.ssp-table-tree .ssp-table-tree-child-margin {
    margin-left: 2em;
}

.ssp-table-tree .pointer {
    cursor: pointer;
}

.ssp-table-tree .ssp-icon.ssp-sm-icon.ssp-chevron-right-white-icon {
    margin-left: 5px;
}

.ssp-table-tree .ssp-icon.ssp-sm-icon.ssp-chevron-down-grey-icon {
    transform: rotate(-90deg);
    margin-left: 5px;
}

.ssp-table-tree .ssp-icon.ssp-sm-icon.ssp-chevron-down-grey-icon.expanded {
    transform: rotate(0);
}

.ssp-table-tree .ssp-table-tree-child-header {
    background-color: #e6e6e6;
    padding: 8px;
    font-size: .9em;
    font-weight: bold;
}

.ssp-table-tree .highlighted {
    background-color: aqua;
}

/* Checkbox */

.ssp-table-tree .checkbox-container.inline-block {
    display: inline-block;
}

.ssp-table-tree .checkbox-container.inline-block.header-checkbox {
    margin-left: .5em;
}

.ssp-table-tree [type="checkbox"]:not(:checked).table-tree-view-checkbox,
.ssp-table-tree [type="checkbox"]:checked.table-tree-view-checkbox {
    display: inline !important;
    left: 0 !important;
}

/* Checkbox */

/* The container */
.ssp-table-tree .checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ssp-table-tree .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.ssp-table-tree .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.ssp-table-tree .extra-margin-align {
    margin-left: .5em;
}

/* When the checkbox is checked, add a blue background */
.ssp-table-tree .checkbox-container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.ssp-table-tree .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ssp-table-tree .checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.ssp-table-tree .checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #4f23c9;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ssp-table-tree .checkbox-container .checkmark.main-data:after {
    width: 15px;
    height: 15px;
    background-color: #4f23c9;
    border-radius: 3px;
    transform: rotate(0);
    top: 2px;
    left: 2px;
}

/* Rollover buttons */
.ssp-table-tree .ssp-rolling-buttons-menu > .main-button,
.ssp-table-tree .ssp-rolling-buttons-menu > div.menu-content {
    margin-top: -4px !important;
}/**
 * political-parties.css
 *
 * Copyright (c) 2016 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

ecs-political-parties div.top-action-bar-row {
  margin-bottom: 0px;
}

ssp-table-view.parties-grid .ui-grid {
  height: 600px;
  overflow-x: hidden !important;
}
ssp-table-view.parties-grid > div:first-child {
  margin-bottom: 4px;
}
ssp-table-view.parties-grid .ui-grid-focuser:focus {
  box-shadow: none !important;
}
ssp-table-view.parties-grid .ui-grid-cell-focus {
  background-color: transparent;
  outline: 0;
}

.political-party-logo {
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
.logo-cell-fix {
  margin-left: 10px;
}
.color-cell-fix {
  margin-left: 7px;
}

.color-exhibit-container {
  padding:  5px;
  width:    60px;
}
.color-exhibit-container:focus {
  border:   2px solid var(--outline-color);
  outline:  none !important;
  padding:  4px;
}

.color-exhibit {
  display: inline-block;
  height: 29px;
  width: 48px;
}
.color-exhibit.no-color {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.color-exhibit.with-color {
  border-radius: 4px;
}

#add-or-edit-party-form .clickable-control {
  cursor: pointer;
}
#add-or-edit-party-form.in-progress .clickable-control {
  cursor: progress;
}

#add-or-edit-party-form.in-progress {
  cursor: progress;
}
#add-or-edit-party-form.in-progress .close-form-button {
  cursor: not-allowed;
}
#add-or-edit-party-form form label {
  margin-bottom: 0px;
}

#add-or-edit-party-form .row.contextual-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
#add-or-edit-party-form .row.instructions-box {
  margin-bottom: 20px;
}
#add-or-edit-party-form .row.name-and-abbv .form-group,
#add-or-edit-party-form .row.id-and-precedence .form-group {
  margin-bottom: 10px;
}

#add-or-edit-party-form .form-group > label + input {
  margin-top: 5px;
}
#add-or-edit-party-form .hiddenMessage {
  visibility: hidden;
  display: block !important;
}
#add-or-edit-party-form .logo-image-container {
  border: 1px solid #3d3d3d;
  border-radius: 50%;
  height: 50px;
  margin-top: 5px;
  width: 50px;
  text-align: center;
}
#add-or-edit-party-form .logo-image-container.isLoading {
  cursor: wait;
}
#add-or-edit-party-form .logo-image-container.invalid {
  border-color: red !important;
}
#add-or-edit-party-form .logo-image-container:focus {
  outline:  2px solid var(--outline-color);
}
#add-or-edit-party-form .logo-image-container > img {
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
  margin: auto;
}
#add-or-edit-party-form .logo-image-container > span {
  margin-top: 2px;
}
#add-or-edit-party-form .logo-image-container + div {
  width: 250px;
}

#view-party-form form label {
  margin-bottom: 5px;
}
#view-party-form .row.name-and-abbv .form-group,
#view-party-form .row.id-and-precedence .form-group {
  margin-bottom: 20px;
}
#view-party-form .logo-image-container {
  border: 1px solid #3d3d3d;
  border-radius: 50%;
  height: 50px;
  margin-top: 5px;
  width: 50px;
  text-align: center;
}
#view-party-form .logo-image-container > img {
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
  margin: auto;
}
#view-party-form .logo-image-container > span {
  margin-top: 4px;
}

.party-checkbox:before {
  margin-top: -15px;
}
.party-checkbox:after {
  margin-top: -13px !important;
}
/*
 * styles.css
 *
 * Copyright (c) 2021 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */


#rms-results-monitor .body-viewport {
    display: flex;
}
#rms-results-monitor .clickable {
    cursor: pointer;
}
#rms-results-monitor .hidden-0 {
    visibility: hidden;
}
#rms-results-monitor .row-chevron {
    visibility: hidden;
}

#rms-results-monitor .contests-section .sticky-separator {
    background-color:  #f6f6f6;
    margin-bottom:      -11px;
    position:           sticky;
    top:                50px;
    z-index:            10;
}
#rms-results-monitor .contests-section .top-action-bar-row {
    background-color:   #f6f6f6;
    margin-bottom:      0px;
    padding-bottom:     10px;
    position:           sticky;
    top:                0px;
    z-index:            10;
}

#rms-results-monitor .loader-outer-container {
    align-items:     center;
    display:         flex;
    justify-content: center;
    height:          100px;
    margin-top:      50px;
    width:           100%;
}

#rms-results-monitor result-filter-panel {
    display:     block;
    margin-left: -20px;
    margin-top:  27px;
    width:       initial;
}
#rms-results-monitor result-filter-panel #ssp-filter-panel > div.col-md-12 {
    padding: 0 10px 0 0;
}
#rms-results-monitor result-filter-panel .ssp-table-filter-title {
    width: 50px;
}
#rms-results-monitor result-filter-panel .ssp-filter-panel-open .ssp-table-filter-title {
    margin-left: 20px;
}
#rms-results-monitor result-filter-panel .ssp-filter-panel-content-container {
    min-width: 30px;
}
#rms-results-monitor result-filter-panel .resetButtonSection {
    display:         flex;
    justify-content: flex-end;
    padding:         3px 5px 15px 0;
}
#rms-results-monitor result-filter-panel .resetButtonSection a {
    display: flex;
}
#rms-results-monitor result-filter-panel .resetButtonSection a:hover {
    text-decoration: none;
}
#rms-results-monitor result-filter-panel .ssp-filter-item {
    padding: 10px 15px;
}
#rms-results-monitor result-filter-panel .ssp-filter-item label.filter-item-label {
    font-size:      0.9em;
    font-weight:    normal;
    padding-bottom: 10px;
}
#rms-results-monitor result-filter-panel .ssp-filter-item-expander span.ssp-icon.flipped {
    margin-top:     3px;
} 

#rms-results-monitor result-filter-panel ssp-search-box .ui-select-choices-row-inner {
    padding-left: 5px !important;
}
#rms-results-monitor result-filter-panel ssp-search-box .ui-select-container::before {
    content: none;
}
#rms-results-monitor result-filter-panel ssp-search-box .ui-select-container {
    padding-left: 10px !important;
}


#rms-results-monitor contest-results-table {
    display: block;
}
#rms-results-monitor contest-results-table .accordion-container {
    margin-bottom: 5px;
    margin-top:    10px;
}
#rms-results-monitor contest-results-table .accordion-toggle {
    cursor: pointer;
    margin-left: 20px;
}
#rms-results-monitor contest-results-table .accordion-body {
    padding-left:  80px;
    padding-right: 80px;
}
#rms-results-monitor contest-results-table .table-header {
    border-top-right-radius: 10px;
    border-top-left-radius:  10px;
    padding-top:    15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
#rms-results-monitor contest-results-table .table-footer {
    background-color:           #e6e6e6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:  10px;
    margin-bottom:  15px;
    padding-top:    5px;
    padding-bottom: 5px;
    padding-left:   25px;
}
#rms-results-monitor contest-results-table .table-footer a {
    color:         #8564de;
    font-weight:     lighter;
    text-decoration: underline;
}

#rms-results-monitor .progress-bar-group .ssp-process-progress-bar {
    padding: 0 !important;
    width:   98% !important;
}
#rms-results-monitor .progress-bar-group .ssp-process-progress-bar .completeness-label {
    display: none;
}
#rms-results-monitor .progress-bar-group .ssp-process-progress-bar .bar-container {
    background-color:   white;
    margin-top:         3px;
}

#rms-results-monitor ballot-option-result-row {
    border-bottom:  1px solid rgb(202, 189, 189);
    display:        block;
}
#rms-results-monitor ballot-option-result-row .main {
    margin:         0 !important;
    padding-top:    10px;
    padding-bottom: 10px;
}
#rms-results-monitor ballot-option-result-row .main.clickable .row-chevron {
    visibility: visible;
}
#rms-results-monitor ballot-option-result-row .hoverable:hover {
    background-color: rgb(213, 234, 238);
}

.right-aligned {
    text-align: right;
}
.rotate-270 {
    transform: rotate(270deg);
}


/*
 * styles.css
 *
 * Copyright (c) 2019 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

.cancel-translations-btn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

 @keyframes opacity-animation {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}
#ecs-translations-viewPort div.unsynchronized {
    animation:                 opacity-animation;
    animation-duration:        2s;
    animation-iteration-count: infinite;
}


#download-l10ns-dialog .radio-label {
    margin-left: -1em;
    cursor: pointer;
}
#download-l10ns-dialog .option-container {
    cursor:     pointer;
    margin-top: 5px;
}
#download-l10ns-dialog #samples-checkbox .checkbox-label {
    cursor: pointer;
}


#batch-update-report-modal {
    height: 300px;
    width:  400px;
}
#batch-update-report-modal .messages-viewport {
    min-height:     30px;
    max-height:     230px;
    overflow-x:     hidden;
    overflow-y:     auto;
    padding-left:   25px;
}

button.translations-icon-modal {
    cursor:     pointer;
    padding:    0;
}

@media screen and (max-width: 1024px) {
    #ecs-translations-viewPort .top-action-bar-row {
        grid-template-columns: 75% auto !important;
    }
}

.translations-table {
    padding: 0;
    margin-bottom: .5em;
    min-height: 50vh;
}

.translations-table-content-header {
    font-weight: bold;
    padding: 8px;
    padding-left: 1.5em;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    background-color: rgb(230, 228, 228);
}

.translations-table-content-row {
    background-color: #fff;
    padding: 8px;
    padding-left: 1.5em;
    border: 1px solid #ccc;
    border-top: none;
}

.translations-table-content-row:hover {
    background-color: rgb(204, 249, 255);
}

.translations-table .no-data-watermark {
    display: block;
    font-size: 1em;
    opacity: 0.25;
    position: absolute;
    text-align: center;
    top: min(100%, 25vh);
    width: 100%;
    z-index: 1000;
}

.translations-table .no-data-watermark > .no-data-text {
    font-size: 2em;
}.flexbox {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexbox .col {
  flex-basis: 0;
  word-wrap: break-word;
  margin: 10px;
  min-width: 23%;
}
.task-manager-progress-section {
  padding-left: 0;
  position: absolute;
  bottom: 0;
  padding-right: 20px;
}
.task-progress-bar {
  background-color: #7ac97a;
}
.tooltip.task-tooltip .tooltip-inner {
  width: 300px !important;
  max-width: 1000px !important;
}
.task-manager-stage-open {
  position: absolute;
  left: 41px;
  top: 34px;
}

.task-manager-stage-open .ssp-icon {
  width: 30px;
  height: 30px;
  background-position-x: center;
  background-size: 30px !important;
}

.task-manager-stage .ssp-icon.ssp-stage-locked-icon {
  width: 30px;
  height: 30px;
  background-position-x: center;
  background-size: 30px !important;
}

.task-manager-stage.locked {
  left: 45px;
  top: 35px;
}

.task-manager-stage.completed {
  left: 45px;
  top: 35px;
}

.task-manager-stage {
  position: absolute;
  left: 45.5px;
  top: 37px;
}

.task-manager-track-line::after {
  content: '';
  position: absolute;
  width: 2px;
  background-color: #4f23c9;
  top: 60px;
  bottom: -35px;
  left: 55px;
}

.task-manager-last-track-line::after {
  content: none;
}

/* .task-manager-track-line {
  background-image: url(../img/track.png);
  background-repeat: repeat-y;
} */

.task-manager-last-track-line {
  background-repeat: no-repeat;
  background-size: 93px 40px;
}

.task-manager-hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top-color: #3d3d3d;
  border-top-width: 2px;
  height: 2px;
}

.task-manager-stage-row {
  position: relative;
}

.row.stage {
  padding-top: 20px;
}
.stage-label {
  display: inline-block;
}
.stage-info {
  /* margin-top: 20px; */
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Roboto Regular', sans-serif;
}

.task-manager-functionality-button {
  white-space: normal;
  min-height: 160px;
  text-align: left;
  border-width: 0;
  font-size: 10pt;
  cursor: pointer;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.task-manager-functionality-button:nth-child(1 + 4n) {
  margin-left: 0px;
}

.task-manager-functionality-button .enabled {
  cursor: pointer;
}

.task-default-button {
  background-color: #fff;
  box-shadow: 0 3px 2.5px 0 rgba(26, 102, 153, 0.2);
}

.task-btn {
  color: #738a8f;
  background-color: initial;
  padding: 0px;
}

.task-manager-functionality-button > a {
  text-decoration: none;
  color: inherit;
  height: 100%;
  overflow: hidden;
  width: auto;
}

.task-manager-functionality-button > a.task-status {
  display: grid;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 0;
}

.task-manager-functionality-button .task-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  display: flex;
  align-items: center;
  height: 50%;
}

.task-highlighted {
  color: #fff !important;
}

.task-highlighted .ssp-options-grey-icon {
  filter: brightness(100);
}

.task-manager-stage-row .disabled,
task-manager-stage-row .locked {
  background-color: white;
  color: #8ea0a4 !important;
  cursor: initial;
}

.task-locked {
  background-color: white;
  color: #8ea0a4 !important;
  cursor: not-allowed;
}

.task-manager-functionality-button .fa-lock {
  color: #72898e;
  font-size: 16pt;
}

.task-status-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1px 0 0 1px;
}

.task-status-icons.complete {
  background-color: #4f23c9;
}
.task-status-icons.incomplete {
  background-color: #dddddd;
}
.task-status-icons.blocked {
  background-color: #dddddd;
}
.task-status-icons.skipped {
  background-color: #ef9318;
}

.task-status-icons .ssp-icon {
  width: 10px;
  height: 10px;
}
ssp-general-overview .task-status-icons .ssp-icon {
  width: 12px;
  height: 12px;
}

.task-name.checking-post-conditions {
  animation: post-conditions-pulse 1s infinite;
}

@keyframes post-conditions-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.btn-task-context {
  background: none;
}

.task-options {
  float: right;
  width: 5%;
}

.task-manager-stage-icon {
  position: absolute;
  left: 30px;
  top: 35px;
}

@media (max-width: 1030px) {
  .flexbox .col {
    min-width: 21%;
  }
}

task-widget,
*[task-widget] {
  height: 100%;
  display: inline-block;
  position: relative;
}

.task-widget-container .ssp-icon {
  margin-right: 5px;
}

.task-preconditions-list li {
  margin-left: -15px;
}

.task-manager-stage-row .ssp-icon.ssp-chevron-right-blue-icon {
  margin-top: -3px;
}
.task-manager-stage-row .ssp-icon.ssp-chevron-down-blue-icon {
  margin-top: 2px;
}

task-status-widget {
  display: flex;
}

task-status-widget .task-status-widget {
  width: 20px;
  margin-right: 16px;
  display: flex;
}

ssp-general-overview ssp-options-button .btn-options {
  border: none;
  height: 30px;
  width: 20px;
  padding: 2px;
  margin-top: 5px;
}
ssp-general-overview ssp-options-button .btn-options:hover {
  border: 1px solid #979797;
  background-color: transparent;
  border-radius: 2px;
}
ssp-general-overview ssp-options-button .btn-options:active {
  background-color: #dddddd;
  border: 1px solid #979797;
  border-radius: 2px;
  outline: none;
  box-shadow: none;
}
ssp-general-overview ssp-options-button .btn-options:focus {
  outline: none;
}

ssp-general-overview ssp-options-button .btn-options:active,
ssp-general-overview ssp-options-button .btn-options:focus {
  outline: none !important;
}

.task-manager-stage-row .pLeft15 {
  padding-left: 15px !important;
}
.task-manager-stage-row .titleMenuTask {
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.task-manager-stage-row .tMonitor {
  margin-bottom: 10px;
  margin-left: 2px;
}

.task-manager-stage-row .cCard {
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.task-manager-stage-row .rCard {
  padding-right: 18px;
  padding-left: 20px !important;
}
.toCenter {
  text-align: center !important;
}
.toRight {
  text-align: right !important;
}
.header-title {
  font-family: 'Roboto Bold', sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 40px;
}

.task-flex {
  display: flex;
}

.task-flex.flex-col {
  flex-direction: column;
}

.task-wrapper {
  padding: 0rem 0.5rem;
  display: grid !important;
}

.task-wrapper .task-name {
  color: #3d3d3d;
  font-family: 'Roboto Bold', sans-serif;
  /* font-size: 20px; */
  padding-top: 0 !important;
  margin-top: 2rem;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 10px;
  height: auto !important;
  text-align: left;
  white-space: normal;
}

.task-wrapper .task-description {
  color: #3d3d3d;
  font-family: 'Roboto Regular', sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 10px;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 45px;
}

.task-footer {
  padding: 10px;
  display: flex;
  flex-direction: row;
}

.task-button-wrapper {
  z-index: 1000;
  position: absolute;
  top: 72%;
  right: 5%;
  height: 30px;
  width: 30px;
  text-align: right;
  padding-top: 0px;
  padding-right: 0px;
}

.task-button-wrapper:not(.disabled):hover,
.task-button-wrapper:not(.locked):hover {
  background-color: #eee9fb;
  border-radius: 50%;
}

.task-button-wrapper.disabled,
.task-button-wrapper.locked {
  opacity: 0.75;
}

.task-button:after {
  content: '\2807';
  font-size: 24px;
  color: #3d3d3d;
}

.task-status-description {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.badge {
  padding: 0 1rem;
  border-radius: 128px;
}

.badge.completed {
  color: #174519;
  box-shadow: inset 0 0 0 1px #b3e5bb;
  background: #d9f2dd;
}

.badge.skipped {
  color: #003a85;
  box-shadow: inset 0 0 0 1px #99c5ff;
  background: #cce2ff;
}

.badge.pending {
  color: #5c3d00;
  box-shadow: inset 0 0 0 1px #fd9;
  background: #fec;
}

.badge.locked {
  color: #3d3d3d;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  background: #f5f5f5;
}

.stage-toggler {
  cursor: pointer;
}
.stage-toggler:focus-visible {
  border: 2px solid var(--outline-color) !important;
  outline: none !important;
}

div.task-button:focus {
  outline: 2px solid var(--outline-color);
}

.task-manager-functionality-button .dropdown-menu {
  width: fit-content;
}

/* Zoom: 200% */
@media screen and (max-width: 1024px) {
  .task-wrapper .task-name {
    font-size: 1.25em;
  }

  .task-wrapper .task-description {
    font-size: 0.75em;
    height: fit-content;
  }

  .task-status-description {
    font-size: 0.75em;
  }

  .card-single-value .card-single-value-header {
    font-size: 1.5em;
  }

  .card-single-value .card-single-value-value,
  .card-single-value .card-single-value-description {
    font-size: 1.4em;
  }

  .card-single-value span {
    word-break: keep-all !important;
  }

  ssp-header #header .jumbotron .header-title {
    display: flex;
    flex-direction: column;
  }

  .banner-task-info {
    display: flex !important;
    flex-direction: row;
    width: 100%;
    height: 95px !important;
    margin-left: 0px !important;
  }

  .card-multi-value {
    min-height: 30rem;
    max-height: fit-content;
  }

  .card-multi-value-header.heading-4 {
    font-size: 16px !important;
  }
}
.otp-token-modal {
    z-index: 999999 !important;
}
.modal-content {
    background-color: #fafafa;
    border: none;
    border-radius: 1.2px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 2px 15px 2px;
}
.otp-token-modal-buttons {
    padding-top: 15px;
}.master-key-modal {
    z-index: 999999 !important;
}
.modal-content {
    background-color: #fafafa;
    border: none;
    border-radius: 1.2px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 2px 15px 2px;
}.modal-content {
  min-width: 35rem;
}

.storage-capacity-modal {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.title-storage {
    font-size: 2rem;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 150px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 125px;
  height: 125px;
  margin: 8px;
  border: 8px solid #4f23c9;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4f23c9 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.geography-grid {
    width: 100%;
    height: 300px !important;
    overflow: auto;
}
.center-img {
    margin: 0 auto;
}
.row.title-search-bar {
    margin-top: 15px;
}


.row.hint-and-count-bar {
    border-bottom:  #cedbdf solid thin;
    margin-top:     10px;
    margin-left:    0px;
    margin-right:   0px;
}
.row.hint-and-count-bar > .no-right-padding {
    font-size:  80%;
    margin-top: -8px;
    text-align: right;
}


.row.action-bar {
    display:    flex;
    padding:    10px 15px;
}

.row.action-bar > .left-section {
    flex:       1;
    position:   relative;
}


.form-geography .control-label {
	text-align: left;
}

.form-geography hr {
	margin-top: 0px;
}

.precincts-options-title {
	cursor: pointer;
}

.advanced-options-title {
	cursor: pointer;
}

.advanced-options {
	display:none;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
	padding-left: 0;
}

.loading-message {
	text-align: center;
}

.angular-ui-tree-handle {
	cursor: default;
}

.small-tree-view {
	overflow: hidden;
}

#main-tree .region-widget-scroll {
	height: calc(100vh - 350px);
	overflow-y: auto;
  overflow-x: hidden;
}

.region-widget-scroll .items-count {
  position: absolute;
  bottom: 0;
  margin-left: 20px;
  margin-bottom: 30px;
}

.total {
    color: darkblue;
    margin-bottom: 10px;
}

.ui-select-match span {
    overflow: hidden;
}

.region-name, .category-name {
    word-break: break-all;
}

.political-geography-region-tree > .table-body {
    height:     calc(100vh - 320px);
    overflow-y: auto;
}

.political-geography-filters .ssp-filter-panel-content {
    height:     calc(100vh - 280px);
}

.political-geography-region-tree-less-height {
    height: calc(100vh - 365px) !important;
}

.political-geography-help-step-2 {
    margin-top: 60px;
}

.region-filters-container {
    height: calc(100vh - 310px);
}

.region-filters-container-less-height {
    height: calc(100vh - 365px);
}

.category-filter-element {
    margin-bottom: 10px;
}

.pad-step1 {
    margin-top: -25px;
}

.pad-steps {
    margin-top: 25px;
}

.edit-category-form{
    background: white;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
.edit-category-form-group{
    font-size: 16px;
    margin: 5px 0;
}
.edit-category-icon {
    color: #8564de;
    cursor: pointer;
}
.edit-category-items {
    color: #787778;
}

.political-division-sm-marg-top {
    margin-top: 5px;
}

.category-dropdown {
    display: inline-table;
}

.political-dropdown {
    border: solid 0.5px #8564de;
    background-color: #fbfbfb;
    border-radius: 1.5px;
    min-width: 220px;
    padding: 3px;
}

.move-to-box {
    background-color: #fafafa;
    border-radius: 3px;
    min-width: 245px;
    margin-top: 0 !important;
}

.move-to-title {
    background-color: #edf0f1;
    font-size: 10px;
    margin-bottom: 5px;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
}

.move-to-box .arrow {
    display: none;
}

.move-to-box .popover-content {
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.move-to-box .ui-select-toggle {
    border-radius: 0;
    border-color: #c3c3c3 !important;
    padding: 3px;
    height: initial;
}

.move-to-box .ui-select-toggle:focus, .move-to-box .ui-select-search:focus {
    box-shadow: none;
}

.move-to-box .form-control:focus {
    border-color: #c3c3c3 !important;
}

.move-to-box .ui-select-search {
    width: 245px !important;
    border-radius: 3px;
    font-family: "FontAwesome", "Open Sans", sans-serif;
    padding: 3px;
    height: initial;
}

.move-to-box .ui-select-placeholder, .move-to-box .ui-select-match-text span {
    font-family: "FontAwesome", "Open Sans", sans-serif;
    color: #ccc;
}

.move-to-box .ui-select-match {
    outline-color: #c3c3c3 !important;
    box-shadow: initial;
}

.move-to-box .caret {
    display: none;
}

.move-to-button {
    min-width: 110px;
}

.move-to-box .divider {
    opacity: 0;
}

.move-to-box .dropdown-header {
    background-color: #eee;
    margin-bottom: 5px;
    border-bottom: solid 1px rgba(0,0,0,0.15);
    border-top: solid 1px rgba(0,0,0,0.15);
}

.move-to-box .ui-select-choices-row.active>span {
    background-color: #b6e5ef !important;
    color: black !important;
}

.category-name-column {
    width: 22%;
}

@media (max-width: 1090px) {
    .category-name-column {
        width: 19%;
    }
}

a i.glyphicon-remove {
    display: none;
}

#delete-confirmation-dialog {
    width:  300px;
}
#delete-confirmation-dialog > p {
    margin: 0 0 30px;
}

.category-select .btn {
    font-weight: normal !important;
}

/**************************************HELP IMAGES******************************************************/
.ssp-regions-help-img-1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDg5IiBoZWlnaHQ9IjMxNSIgdmlld0JveD0iMCAwIDQ4OSAzMTUiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoNDQ0djMxNUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNMCAwaDQ0NHYyMUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJjIiBkPSJNMCAyMGg0NDR2MTZIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZCIgZD0iTTczIDQ0aDMzMHYxODhINzN6Ii8+CiAgICAgICAgPHBhdGggaWQ9ImUiIGQ9Ik0wIDQ0aDY5Ljc0NXYxODhIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZiIgZD0iTTI4MCAyNmg1MXYxMWgtNTF6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnPgogICAgICAgICAgICA8dXNlIGZpbGw9IiNGNEY0RjQiIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzM1MzY0NSIgZD0iTS41LjVoNDQzdjMxNEguNXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNLjUuNWg0NDN2MjBILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8dXNlIGZpbGw9IiMwNjVCNkYiIHhsaW5rOmhyZWY9IiNjIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDIwLjVoNDQzdjE1SC41eiIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjODU4QjhDIiBkPSJNMjUuMDM0IDcyLjExNGgxNzUuMjYzdjcuNjM2SDI1LjAzNHpNMjUuMDM0IDU4Ljc1aDEzNy40MjJ2Ny42MzZIMjUuMDM0eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDU4KSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2QiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNNzMuNSA0NC41aDMyOXYxODdoLTMyOXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQgNTgpIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjODU4QjhDIiB4bGluazpocmVmPSIjZSIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiM4NThCOEMiIGQ9Ik0uNSA0NC41aDY4Ljc0NXYxODdILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDU4KSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iIzBDN0I5NSIgeGxpbms6aHJlZj0iI2YiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNMjgwLjUgMjYuNWg1MHYxMGgtNTB6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzBDN0I5NSIgZD0iTTM2NC41IDg0LjVoNTB2MTBoLTUweiIvPgogICAgICAgIDxnIHN0cm9rZT0iI0YwOTMxOCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTUgMjApIj4KICAgICAgICAgICAgPGVsbGlwc2UgY3g9IjMyLjUiIGN5PSI2OSIgcng9IjMyLjUiIHJ5PSIzMiIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBkPSJNNjMgNTdMMTkyLjUuNSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.ssp-regions-help-img-2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDk4IiBoZWlnaHQ9IjMzOCIgdmlld0JveD0iMCAwIDQ5OCAzMzgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoNDQ0djMxNUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNMCAwaDQ0NHYyMUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJjIiBkPSJNMCAyMGg0NDR2MTZIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZCIgZD0iTTAgMGg0NDR2MjFIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZSIgZD0iTTMwOCA1aDM5djExaC0zOXoiLz4KICAgICAgICA8cGF0aCBpZD0iZiIgZD0iTTk3IDcwaDMzMHYxODhIOTd6Ii8+CiAgICAgICAgPHJlY3QgaWQ9ImciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjMiLz4KICAgICAgICA8cGF0aCBpZD0iaCIgZD0iTTI0IDcwaDY5Ljc0NXYxODhIMjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnPgogICAgICAgICAgICA8dXNlIGZpbGw9IiNGNEY0RjQiIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzM1MzY0NSIgZD0iTS41LjVoNDQzdjMxNEguNXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNLjUuNWg0NDN2MjBILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8dXNlIGZpbGw9IiMwNjVCNkYiIHhsaW5rOmhyZWY9IiNjIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDIwLjVoNDQzdjE1SC41eiIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjODU4QjhDIiBkPSJNMjUuMDM0IDcyLjExNGgxNzUuMjYzdjcuNjM2SDI1LjAzNHpNMjUuMDM0IDU4Ljc1aDEzNy40MjJ2Ny42MzZIMjUuMDM0eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjk0KSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2QiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNLjUuNWg0NDN2MjBILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjk0KSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iIzBDN0I5NSIgeGxpbms6aHJlZj0iI2UiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNMzA4LjUgNS41aDM4djEwaC0zOHoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNMzU0LjUgMjk5LjVoMzh2MTBoLTM4ek0zOTguNSAyOTkuNWgzOHYxMGgtMzh6Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzMikiPgogICAgICAgICAgICA8dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNmIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTk3LjUgNzAuNWgzMjl2MTg3aC0zMjl6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExOSAxMzEpIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjZyIvPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHg9Ii41IiB5PSIuNSIgc3Ryb2tlPSIjMDM1NzZCIiByeD0iMyIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDM1NzZCIiBkPSJNMTMxLjYwNCAxMzYuMTYxYS41ODQuNTg0IDAgMCAwLS4xNzQtLjQxM2wtLjg0Mi0uODI4YS42MDcuNjA3IDAgMCAwLS44NDMgMGwtNC4wNjUgMy45OTctMS44MjEtMS43OTVhLjYwNy42MDcgMCAwIDAtLjg0MyAwbC0uODQzLjgyOGEuNTg0LjU4NCAwIDAgMC0uMTczLjQxM2MwIC4xNTIuMDYyLjMwNC4xNzMuNDE0bDIuMjQzIDIuMjAyLjg0My44MjdhLjYwNy42MDcgMCAwIDAgLjg0MyAwbC44NDItLjgyNyA0LjQ4Ni00LjQwNGEuNTg0LjU4NCAwIDAgMCAuMTc0LS40MTR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzg1OEI4QyIgZD0iTTE0MC4wMzQgMTM1Ljc1SDIwOXY3LjYzNmgtNjguOTY2eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMzIpIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjODU4QjhDIiB4bGluazpocmVmPSIjaCIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiM4NThCOEMiIGQ9Ik0yNC41IDcwLjVoNjguNzQ1djE4N0gyNC41eiIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBzdHJva2U9IiMwQzdCOTUiIGQ9Ik0zMDQuNSA4NC41aDUwdjEwaC01MHoiLz4KICAgICAgICA8ZyBzdHJva2U9IiNGMDkzMTgiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMSAzMikiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMjYiIGN5PSIxMDciIHI9IjI2Ii8+CiAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBkPSJNNTEuNSA5Ny41TDM5NSAwIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk0IDE1NikiPgogICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTU1IDEyN0wxOTguNS41Ii8+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIzMS41IiBjeT0iMTQ5LjUiIHI9IjMxLjUiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBzdHJva2U9IiMwQzdCOTUiIGQ9Ik0zNjQuNSA4NC41aDUwdjEwaC01MHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.ssp-regions-help-img-3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDg2IiBoZWlnaHQ9IjM0NiIgdmlld0JveD0iMCAwIDQ4NiAzNDYiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoNDQ0djMxNUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNMCAwaDQ0NHYyMUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJjIiBkPSJNMCAyMGg0NDR2MTZIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZCIgZD0iTTAgMjk0aDQ0NHYyMUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJlIiBkPSJNMzA4IDI5OWgzOXYxMWgtMzl6Ii8+CiAgICAgICAgPHBhdGggaWQ9ImYiIGQ9Ik05NyAxMDJoMzMwdjE4OEg5N3oiLz4KICAgICAgICA8cmVjdCBpZD0iZyIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMyIvPgogICAgICAgIDxwYXRoIGlkPSJoIiBkPSJNMjQgMTAyaDY5Ljc0NXYxODhIMjR6Ii8+CiAgICAgICAgPHBhdGggaWQ9ImkiIGQ9Ik01MSAxMzZoMjJ2Nkg1MXoiLz4KICAgICAgICA8cGF0aCBpZD0iaiIgZD0iTTgwIDEzNmgzOXY2SDgweiIvPgogICAgICAgIDxwYXRoIGlkPSJrIiBkPSJNMjggNTRoNzJ2NzFIMjh6Ii8+CiAgICAgICAgPHJlY3QgaWQ9ImwiIHdpZHRoPSI3MiIgaGVpZ2h0PSIxNCIgeD0iMjgiIHk9IjM0IiByeD0iMiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDMxKSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0Y0RjRGNCIgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjMzUzNjQ1IiBkPSJNLjUuNWg0NDN2MzE0SC41eiIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDMxKSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNLjUuNWg0NDN2MjBILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMzEpIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjMDY1QjZGIiB4bGluazpocmVmPSIjYyIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiM5Nzk3OTciIGQ9Ik0uNSAyMC41aDQ0M3YxNUguNXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iIzg1OEI4QyIgZD0iTTI2LjAzNCAxMDMuMTE0aDE3NS4yNjN2Ny42MzZIMjYuMDM0ek0yNi4wMzQgODkuNzVoMTM3LjQyMnY3LjYzNkgyNi4wMzR6Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAzMSkiPgogICAgICAgICAgICA8dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNkIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDI5NC41aDQ0M3YyMEguNXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAzMSkiPgogICAgICAgICAgICA8dXNlIGZpbGw9IiMwQzdCOTUiIHhsaW5rOmhyZWY9IiNlIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzBDN0I5NSIgZD0iTTMwOC41IDI5OS41aDM4djEwaC0zOHoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNMzU1LjUgMzMwLjVoMzh2MTBoLTM4ek0zOTkuNSAzMzAuNWgzOHYxMGgtMzh6Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAzMSkiPgogICAgICAgICAgICA8dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNmIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTk3LjUgMTAyLjVoMzI5djE4N2gtMzI5eiIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAgMTYyKSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2ciLz4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4PSIuNSIgeT0iLjUiIHN0cm9rZT0iIzAzNTc2QiIgcng9IjMiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iIzAzNTc2QiIgZD0iTTEzMi42MDQgMTY3LjE2MWEuNTg0LjU4NCAwIDAgMC0uMTc0LS40MTNsLS44NDItLjgyOGEuNjA3LjYwNyAwIDAgMC0uODQzIDBsLTQuMDY1IDMuOTk3LTEuODIxLTEuNzk1YS42MDcuNjA3IDAgMCAwLS44NDMgMGwtLjg0My44MjhhLjU4NC41ODQgMCAwIDAtLjE3My40MTNjMCAuMTUyLjA2Mi4zMDQuMTczLjQxNGwyLjI0MyAyLjIwMi44NDMuODI3YS42MDcuNjA3IDAgMCAwIC44NDMgMGwuODQyLS44MjcgNC40ODYtNC40MDRhLjU4NC41ODQgMCAwIDAgLjE3NC0uNDE0eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM4NThCOEMiIGQ9Ik0xNDEuMDM0IDE2Ni43NUgyMTB2Ny42MzZoLTY4Ljk2NnoiLz4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDMxKSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iIzg1OEI4QyIgeGxpbms6aHJlZj0iI2giLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjODU4QjhDIiBkPSJNMjQuNSAxMDIuNWg2OC43NDV2MTg3SDI0LjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzBDN0I5NSIgZD0iTTMwNS41IDExNS41aDUwdjEwaC01MHpNMzY1LjUgMTE3LjVoNTB2MTBoLTUweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0QTRBNEEiIGZpbGwtb3BhY2l0eT0iLjcxOSIgZD0iTTAgMzBoNDQ0djMxNUgweiIvPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRUVFIiBkPSJNMjUyIDE0MmgxMjZ2MTQ4SDI1MnoiLz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUyIDE0MikiPgogICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjMEM3Qjk1IiB4bGluazpocmVmPSIjaSIvPgogICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNNTEuNSAxMzYuNWgyMXY1aC0yMXoiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiMwQzdCOTUiIGQ9Ik0yNjEuNSAyNzguNWgyMXY1aC0yMXoiLz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUyIDE0MikiPgogICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjMEM3Qjk1IiB4bGluazpocmVmPSIjaiIvPgogICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNODAuNSAxMzYuNWgzOHY1aC0zOHoiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTIgMTQyKSI+CiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiNGRUZFRkUiIHhsaW5rOmhyZWY9IiNrIi8+CiAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiM5Nzk3OTciIGQ9Ik0yOC41IDU0LjVoNzF2NzBoLTcxeiIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1MiAxNDIpIj4KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZFRkVGRSIgeGxpbms6aHJlZj0iI2wiLz4KICAgICAgICAgICAgICAgIDxyZWN0IHdpZHRoPSI3MSIgaGVpZ2h0PSIxMyIgeD0iMjguNSIgeT0iMzQuNSIgc3Ryb2tlPSIjOTc5Nzk3IiByeD0iMiIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiM4NThCOEMiIGQ9Ik0yNjguMDM0IDE1My43NWg5MnYzaC05MnpNMjY4LjAzNCAxNjEuNzVoNzJ2M2gtNzJ6TTI4Ny4wMzQgMTgxLjc1aDM3djNoLTM3ek0yODcuMDM0IDIwMS43NWgzN3YzaC0zN3pNMjg3LjAzNCAyMDguNzVoMzd2M2gtMzd6TTI4Ny4wMzQgMjE1Ljc1aDM3djNoLTM3ek0yODcuMDM0IDIyMi43NWgzN3YzaC0zN3pNMjg3LjAzNCAyMjkuNzVoMzd2M2gtMzd6TTI4Ny4wMzQgMjM2Ljc1aDM3djNoLTM3ek0yODcuMDM0IDI0My43NWgzN3YzaC0zN3pNMjg3LjAzNCAyNTAuNzVoMzd2M2gtMzd6TTI4Ny4wMzQgMjU3Ljc1aDM3djNoLTM3eiIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiMwQzdCOTUiIGQ9Ik0zNDAgMTgybDMuMTYyIDMuMTYyTDM0NiAxODIiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgc3Ryb2tlPSIjRjA5MzE4IiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMDAgMTg1KSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIxMy41IiBjeT0iOTYuNSIgcj0iMTMuNSIvPgogICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTI1IDg3TDE4MiAwIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAzIDkyKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIxNC41IiBjeT0iMTI4LjUiIHI9IjE0LjUiLz4KICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0yOCAxMjFMMTc5IDAiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTMgMikiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iOSIgY3k9IjE4MCIgcj0iOSIvPgogICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTE1IDE3M0wxNzEgMCIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1MCAyNjUpIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjEzLjUiIGN5PSIxNi41IiByPSIxMy41Ii8+CiAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBkPSJNMjcuNSAxMy41TDEzMiAwIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU4IDI2OCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTMuNSIgY3k9IjEzLjUiIHI9IjEzLjUiLz4KICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0yMyAyNGwyMDIuNSA0OC41Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
/**************************************HELP IMAGES******************************************************/
[type='checkbox'] + label:focus {
    outline: none !important;
}
[type='checkbox'] + label:focus:before {
    outline: 2px solid var(--outline-color) !important;
}

#create-division-modal form label {
    margin-bottom: 5px;
}
#create-division-modal form .form-group {
    margin-bottom: 3rem;
}
#edit-geography-modal form label {
    margin-bottom: 5px;
}
#edit-geography-modal form .form-group {
    margin-bottom: 3rem;
}
#edit-geography-modal .pull-up {
    margin-top: -22px;
}
.polling-location-list-table .ui-grid {
    height: 320px;
}

.polling-location-list-tree {
    height: 310px;
    overflow-y:auto;

}.polling-location-complete-list-tree {
    min-height: 210px;
}

.polling-location-list-table {
    padding-left: 35px;
    margin-bottom: 5px;
}

#create-polling-location-modal .ui-select-placeholder,
#create-polling-location-modal .ui-select-match-text,
#create-polling-location-modal input[type="search"],
#edit-polling-location-modal .ui-select-placeholder,
#edit-polling-location-modal .ui-select-match-text,
#edit-polling-location-modal input[type="search"] {
    font-size: 16px;
}

#create-polling-location-modal .ui-select-no-choice #ui-select-no-match,
#edit-polling-location-modal .ui-select-no-choice #ui-select-no-match {
    margin-left: 10px;
}


#add-precincts-modal .select-items-panel {
    height: 410px;
    background-color: white;
    border: solid 1px black;
    padding: 0;
}

#add-precincts-modal .select-items-panel > .table-body {
    height:     315px;
    overflow-y: auto;
}

#add-precincts-modal .search-section {
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
    border-bottom: solid 2px #8564de;
}

#add-precincts-modal .header-section {
    font-size: 10pt;
}

#add-precincts-modal .selected-items-panel {
    border: solid 1px #9b9b9b;
    background-color: #f3f3f3;
    height: 410px;
    overflow-y: auto;
    border-radius: 4px;
}

#add-precincts-modal .title-section {
    padding: 10px 5px;
    border-bottom: solid 1px black;
    min-height: 45px;
}

#add-precincts-modal .details-section {
    padding: 10px;
}
#add-precincts-modal .badge {
    font-weight: normal;
}
.polling-place-category-separator {
    border-top-color: #4f23c9;
    border-top-width: 3px;
}

.polling-location-district-area {
    width: 100%;
    height: 400px;
    background-color: white;
    border: solid 1px #4f23c9;
}

.polling-location-district-selected-area {
    width: 100%;
    height: 400px;
    background-color: white;
    border: solid 1px #9a9a9a;
    overflow-y: auto;
}

.polling-location-district-selected-area-info-container {
    background-color: #f6f6f6;
}

.polling-location-district-selected-area-info {
    display: inline-block;
    position: relative;
    padding: 10px 5px;
    padding-left: 20px;
    vertical-align: middle;
}

.polling-location-district-selected-area-info i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    margin-left: 5px;
}

.polling-place-district-selected-area-list {
    border-top: solid 2px #CCC;
}

.polling-place-district-selected-area-list p {
    padding: 10px;
}

.polling-location-district-area-search {
    padding: 5px 10px;
}

.polling-location-district-area-select {
    border-top: solid 2px #4f23c9;
}

.districts-lists {
    list-style: none;
    padding-left: 10px;
}

.polling-location-district-list-link {
    color: #116475;
}

.polling-place-precinct-districts-popover {
    background-color: #ededed;
    max-height: 400px;
    overflow-y: auto;
}

#polling-place-district-list {
    width: 250px;
    min-height: 50px;
}

.precinct-region-element {
    background-color: white;
    border: solid 1px black;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    color: black !important;
}

.precinct-region-element::after {
    content: '  x';
}

.polling-place-precinct-need-split {
    background-color: #ffc20014;
    padding: 5px;
}

#polling-place-crud .ssp-tree .table-header{
    display: grid;
    grid-template-columns: 50% 50%;
}
#polling-place-crud .ssp-tree .table-body .ssp-inner-tree-node{
    display: grid;
    grid-template-columns: 50% 50%;
}

#polling-place-crud top-action-bar .top-action-bar-row {
    grid-template-columns: 100% auto !important;
}

/**************************************HELP IMAGES******************************************************/
.ecs-polling-place-help-img-1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDg5IiBoZWlnaHQ9IjMxNSIgdmlld0JveD0iMCAwIDQ4OSAzMTUiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoNDQ0djMxNUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNMCAwaDQ0NHYyMUgweiIvPgogICAgICAgIDxwYXRoIGlkPSJjIiBkPSJNMCAyMGg0NDR2MTZIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZCIgZD0iTTczIDQ0aDMzMHYxODhINzN6Ii8+CiAgICAgICAgPHBhdGggaWQ9ImUiIGQ9Ik0wIDQ0aDY5Ljc0NXYxODhIMHoiLz4KICAgICAgICA8cGF0aCBpZD0iZiIgZD0iTTI4MCAyNmg1MXYxMWgtNTF6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnPgogICAgICAgICAgICA8dXNlIGZpbGw9IiNGNEY0RjQiIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzM1MzY0NSIgZD0iTS41LjVoNDQzdjMxNEguNXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNLjUuNWg0NDN2MjBILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8dXNlIGZpbGw9IiMwNjVCNkYiIHhsaW5rOmhyZWY9IiNjIi8+CiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDIwLjVoNDQzdjE1SC41eiIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjODU4QjhDIiBkPSJNMjUuMDM0IDcyLjExNGgxNzUuMjYzdjcuNjM2SDI1LjAzNHpNMjUuMDM0IDU4Ljc1aDEzNy40MjJ2Ny42MzZIMjUuMDM0eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDU4KSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2QiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNNzMuNSA0NC41aDMyOXYxODdoLTMyOXoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQgNTgpIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjODU4QjhDIiB4bGluazpocmVmPSIjZSIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiM4NThCOEMiIGQ9Ik0uNSA0NC41aDY4Ljc0NXYxODdILjV6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDU4KSI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iIzBDN0I5NSIgeGxpbms6aHJlZj0iI2YiLz4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjMEM3Qjk1IiBkPSJNMjgwLjUgMjYuNWg1MHYxMGgtNTB6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzBDN0I5NSIgZD0iTTM2NC41IDg0LjVoNTB2MTBoLTUweiIvPgogICAgICAgIDxnIHN0cm9rZT0iI0YwOTMxOCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTUgMjApIj4KICAgICAgICAgICAgPGVsbGlwc2UgY3g9IjMyLjUiIGN5PSI2OSIgcng9IjMyLjUiIHJ5PSIzMiIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBkPSJNNjMgNTdMMTkyLjUuNSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
/**************************************HELP IMAGES******************************************************/

@media only screen and (min-width : 1200px) {

    #add-precincts-modal .select-items-panel, #add-precincts-modal .selected-items-panel {
        height: 450px;
    }

    #add-precincts-modal .select-items-panel > .table-body {
        height:     355px;
        overflow-y: auto;
    }
}

@media screen and (max-width: 1024px) {
    #polling-place-crud top-action-bar .top-action-bar-row {
        grid-template-columns: 100% auto !important;
    }
}.electoral-event-box {
  border-radius: 1.2px;
  background-color: #ffffff;
  box-shadow: 0 3px 2.5px 0 rgba(26, 102, 153, 0.2);
  border: solid 0.5px #e6e6e6;
}

.electoral-event-box .panel-heading:first-child,
.electoral-event-box-archived .panel-heading:first-child {
  border-bottom: none;
  padding: 0;
}
.electoral-event-box .panel-heading {
  background-color: inherit !important;
}
.electoral-event-box-title {
  width: auto;
  overflow: hidden;
  padding: 10px 15px;
  line-height: 15px;
}
.electoral-event-box-archived .panel-heading {
  background-color: inherit !important;
  padding-left: 15px;
}
.electoral-event-box .panel-body,
.electoral-event-box-archived .panel-body {
  padding: 0px 15px 15px;
}

.electoral-event-info {
  display: inline-block;
  padding-left: 20px;
}

.electoral-event-info .ssp-info-card-grey-icon {
  display: inline-block;
  float: left;
  margin-left: -20px;
  background-size: contain;
  min-width: 15px;
  min-height: 15px;
  margin-top: 3px;
}

.electoral-event-box-archived {
  border-radius: 1.2px;
  background-color: #ecedee;
  box-shadow: 0 3px 2.5px 0 rgba(26, 102, 153, 0.2);
  border: solid 0.5px #ced0d6;
}

.electoral-event-box-dashed {
  border-radius: 1.2px;
  background-color: #f6f6f6;
  border: dashed 2.4px #d3d3d3;
  height: 170px;
}
.electoral-event-flex {
  display: flex;
}
.electoral-event-center {
  margin: auto;
}
.electoral-event-add-btn {
  border: none;
  border: 1px solid var(--purple-60);
  padding: 10px;
}

.electoral-event-add-btn .ssp-add-icon {
  margin: auto;
}

.electoral-event-add-btn span.caret {
  border-width: 6px;
  margin: auto;
}

.fa-add-event {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCI+CiAgICA8ZGVmcz4KICAgICAgICA8cmVjdCBpZD0iYSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iIzMxQjZEMiIgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjQ5LjIiIGhlaWdodD0iNDkuMiIgeD0iLjQiIHk9Ii40IiBzdHJva2U9IiNFNkU2RTYiIHN0cm9rZS13aWR0aD0iLjgiIHJ4PSIyNC42Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMy4wOTkgMjMuMTE4VjIwaDEuNzYydjMuMTE4SDI4djEuNzY0aC0zLjEzOVYyOEgyMy4xdi0zLjExOEgyMHYtMS43NjR6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.fa-icon-inactive {
  color: #9b9b9b;
  font-size: 18pt !important;
  cursor: pointer;
}
.fa-icon-active {
  color: #065b6f;
  font-size: 18pt !important;
  cursor: pointer;
}
.title-chevron {
  cursor: pointer;
  color: #8564de;
}
.electoral-event-add-btn-icon {
  font-size: 1em !important;
}
.electoral-event-add-span {
  margin: auto;
  font-size: 1.2em;
  padding-left: 0.5em;
  color: var(--purple-60);
  margin-right: 5px;
}
.electoral-event-bottom-padding {
  padding-bottom: 10px;
}
.electoral-event-middle {
  vertical-align: middle;
}

.hr-content-list-title {
  width: 100%;
}

.icon-size {
  font-size: 12px !important;
}

.form-eEvent-general-info {
  margin-top: 40px;
}

.form-eEvent-general-info ul.param-options {
  padding: 0;
  margin: 0;
  list-style: none;
}

.form-eEvent-electoral-rules {
  margin-top: 40px;
}

.near-input {
  padding-left: 0;
  margin-bottom: 5px;
}

.wizard-election-contest-grid {
  margin-top: 10px;
  width: 100%;
  height: calc(60vh - 60px) !important;
}

.wizard-user-group {
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 300px;
  min-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.wizard-user-container {
  margin-bottom: 10px;
}

.wizard-review-container {
  margin-bottom: 10px;
}

.wizard-user-vertical-align {
  vertical-align: middle;
}

.user-group-elements {
  margin-bottom: 25px;
}

.icon-oper-user {
  vertical-align: bottom;
}

.btn-oper-user {
  width: 30px;
  padding-left: 5px;
}

.name-oper-user {
  vertical-align: -webkit-baseline-middle;
}

.dashboard-element-date {
  display: table;
}

.election-sub-menu-icon {
  margin-top: 0px;
  padding-right: 0px;
  cursor: pointer;
}

.message-modal {
  min-height: 100px;
}

.icon-spinner-modal {
  padding-top: 20px;
}
.pointer {
  cursor: pointer;
}

/* ******************************************************** */

.form-validation-icon {
  width: 30px;
  float: left;
  color: red;
  font-size: 25pt;
}

.form-validation-check {
  padding-top: 15px;
  font-size: 25pt;
  color: #34ba45;
}

.form-validation {
  padding-top: 15px;
}

.form-error-icon {
  margin-top: 15px;
}

.form-validation-msg-title {
  color: red;
  font-weight: bold;
  font-size: 9pt;
}

.form-validation-msg {
  width: 80%;
  float: left;
  text-align: justify;
  padding-top: 10px;
  padding-left: 10px;
}

h5.panel-heading-title {
  margin-bottom: 0px;
}

.electoral-event-show-list {
  color: #4f23c9;
  text-decoration: underline;
}

#selected-contests-list-container {
  width: 300px;
  height: 150px;
}

.selected-contests-list {
  overflow-y: auto;
  max-height: 100px;
  margin-left: 10px;
}

.electoral-event-panel {
  margin-bottom: 0px;
}

.electoral-event-step-description {
  margin-left: 55px;
}

.elections-menu-option-separator {
  background-color: #441eab;
  display: block;
  color: #fff;
  width: 100%;
  height: 100%;
  font-weight: 700;
  padding: 5px 5px 5px 15px;
  font-size: 10px;
}

.elections-menu-option {
  background: #f6f6f6;
}

.elections-party-element {
  background-color: white;
  border: solid 1px black;
  padding: 7px;
  text-decoration: none !important;
  color: black !important;
  margin-right: 10px;
}

.elections-party-element::after {
  content: 'x';
  color: gray;
  font-size: 20px;
  padding-left: 7px;
}

.electoral-progress-content > p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.electoral-event-archive-button {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.delete-event,
.active-event {
  height: 32px;
  padding-top: 4px !important;
}
.delete-event a:hover {
  background-color: white !important;
}

.electoral-event-archive-button:hover {
  color: #333;
}

.electoral-event-archive-button span {
  padding: 3px 9px;
}
/*
#archive-event-popover {
  width: 300px;
}*/

.electoral-event-box .lower,
.electoral-event-box-archived .lower {
  text-transform: lowercase;
  display: inline-block;
}

.electoral-event-box .lower:first-letter,
.electoral-event-box-archived .lower:first-letter {
  text-transform: uppercase;
}

.ng-touched.invalid-pass-validation {
  border-color: #ed2224 !important;
}

.electoralEvent {
  margin-left: -35px;
  margin-right: -35px;
}

.electoralEvent .wizard-step-description {
  margin-top: 2.5em;
}

.event-stage {
  border-bottom: 2px solid #3d3d3d;
  margin-bottom: 1.5rem;
}

.event-stage h4 {
  color: #3d3d3d;
}

.event-stage em {
  vertical-align: middle;
}

:root {
  --purple-60: #4f23c9;
  --invalid: #be1f1f;
}

.electoral-event-box .panel-body .btn-primary {
  color: var(--purple-60) !important;
  background: transparent;
}

.file-to-import-form {
  display: flex;
  flex-direction: column;
  gap: 2em;
  height: fit-content;
  min-width: 30%;
}

.file-to-import-form input[type='file'] {
  border: 1px solid;
  border-radius: 5px;
  padding: 5px;
}

.file-to-import-form .validate-button {
  padding: 5px;
}

.smtt-label {
  font-size: 14px;
  font-weight: normal;
  color: var(--dark-grey-color);
}

.file-to-import-form,
.form-eEvent-security-quorum,
.form-eEvent-general-info,
.import-election-review-step {
  margin-top: -2.5em;
}

@media screen and (min-width: 1024px) {
  .importElectionWizard .ssp-wizard-vertical-centered-step {
    margin-top: 5em !important;
  }
}

/* Loading */
.loading {
  position: fixed;
  z-index: 1209;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.spinner-loader-outer-container {
  position: relative;
  z-index: 1208;
  top: 50%;
  left: 50%;
  right: auto;
  margin-left: -75px;
}

.electoral-event-add li {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
}/**
 * config-files-generation.css
 *
 * Copyright (c) 2016 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

ecs-config-files-generation {
    display: block;
}
#config-files-generation-mode-form form label {
    margin-bottom: 0px;
}
#config-files-generation-mode-form .hint-message-container small {
    display: block;
    margin-top: 3px;
}
#config-files-generation-mode-form small.error-hint {
    color: red;
}

ecs-config-files-generation .configuration-badges-area {
    text-align: center;
}
ecs-config-files-generation .configuration-badges-area {
    margin-top: 15px;
}
ecs-config-files-generation .configuration-badges-area div {
    display: inline-block;
}
ecs-config-files-generation .configuration-badges-area div:not(:first-child) {
    margin-left: 10px;
}
ecs-config-files-generation .configuration-badges-area .badge.completed {
    font-size:  0.9em;
    padding:    5px 10px;
}

.start-buttons-area .btn:focus, 
.start-buttons-area .btn:hover {
    outline: solid 2px #4f23c9 !important;
    border: 0px !important;
}

.start-generation-stage {
    margin-top:     60px;
}
.start-generation-stage p {
    text-align:     center;
}
.start-generation-stage p:not(:first-child) {
    margin-top:     20px;
}
.start-generation-stage p.description {
    margin-left:    auto;
    margin-right:   auto;
    width:          75%;
}


.monitor-stage {
    margin-left:   -15px;
    margin-right:  -15px;
    margin-top:     100px;
    padding-left:   15px;
    padding-right:  15px;
}
.monitor-stage > div {
    margin-top:     20px;
}
.monitor-stage > div:not(:first-child) {
    margin-top:     20px;
}
.monitor-stage .instructions {
    text-align:     center;
}
.monitor-stage .progress-bar-area {
    background-color:   rgb(236,236,236);
}


.process-progress-bar > .completeness-label {
    font-weight:    bold;
    color:          #4f23c9;
    padding:        5px;
    text-align:     right;
    white-space:    nowrap;
    width:          0%;
    word-break:     normal;

    transition:         width 2s;
    transition-timing-function: ease;

    -webkit-transition: width 2s;
    -webkit-transition-timing-function: ease;
}
.process-progress-bar > .bar-container {
    border-radius:  25px;
    border:         solid 1px #4f23c9;
    height:         15px;
}
.process-progress-bar > .bar-container > div {
    border-radius:      10px;
    background-color:   #4f23c9;
    height:             13px;
    transition:         width 2s;
    transition-timing-function: ease;

    -webkit-transition: width 2s;
    -webkit-transition-timing-function: ease;
}
.process-progress-bar > .detail-label {
    padding:        5px;
}


.summary-stage {
    margin-top:     65px;
}
.summary-stage .buttons-menu {
    margin-top:     50px;
    text-align:     right;
}
.summary-stage .buttons-menu .btn {
    min-width:     120px;
}
div.toCenter {
  text-align: center !important;
}/**
 * Container class of the 'add-remove-device-page' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .add-remove-device-page-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.add-remove-device-page-container .ssp-chevron-left-blue-icon,
    .add-remove-device-page-container .ssp-chevron-left-grey-icon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.add-remove-device-page-container .ssp-chevron-up-grey-icon:hover {
    text-decoration: none;
}

.add-remove-device-page-container .generate-report-btn {
    margin-top: 6px;
    border: 2px solid rgb(140, 140, 140) !important;
    color: rgb(51, 51, 51) !important;
}

.add-remove-device-page-container .flex-row {
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.add-remove-device-page-container .flex-column {
    flex: 1 100px;
}

.add-remove-device-page-container .locations-wrapper {
    background: white;
    margin-left: 20px;
}

.add-remove-device-page-container .ssp-hr-separator.accordion-separator:first-child
    {
    margin-top: 2px;
}

.add-remove-device-page-container .ssp-hr-separator.accordion-separator
    {
    margin-top: 8px;
}

.add-remove-device-page-container .selection-expand span.h15.text-uppercase
    {
    font-weight: normal;
}

.add-remove-device-page-container .visibility-container {
    margin-top: 12px;
}

.add-remove-device-page-container .row-fluid.selection-expand {
    margin: 0 auto;
}

.add-remove-device-page-container  .row-fluid.selection-expand hr {
    margin-top: 16px;
    color: #D1D1D1 !important;
    background-color: #D1D1D1 !important;
    height: 1px !important;
    padding: 0;
    line-height: 0px;
}

.add-remove-device-page-container  .device-counts-wrapper table {
    margin-left: 24px;
}

.add-remove-device-page-container  .device-counts-wrapper th {
    background-color: rgb(233, 233, 233);
}

.add-remove-device-page-container .locations-header {
    background-color: rgb(233, 233, 233);
    padding: 6px;
    font-weight: bold;
    border-bottom: 1px solid rgb(175, 175, 175);
}

.add-remove-device-page-container .accordian-toggle a:hover {
    text-decoration: none !important;
}

.popover-content  .not-clickable {
    opacity: .5;
}

.popover-content  .not-clickable:hover {
    opacity: .5;
    cursor: not-allowed;
}

.popover-content  .increment-device:hover {
    cursor: pointer;
}

.popover-content  .submit-device-changes:hover {
    cursor: pointer;
}

.popover-content  .submit-device-changes {
    margin-top: 8px;
}

.popover-content  .plus-minus-icon {
    padding-left: 0;
}

.popover-content  .plus-minus-icon>span {
    margin-right: 8px;
    margin-top: 5px;
}

.popover-content  .locations-header.non-selectable {
    font-weight: bold !important;
    color: green;
}

.popover-add-remove-wrapper .popover-content  button.btn-primary.not-clickable
    {
    opacity: .5;
}

.popover-add-remove-wrapper .popover-content  button.btn-primary.not-clickable:hover
    {
    cursor: not-allowed;
}

.popover-add-remove-wrapper .popover-content  .plus-minus-icon span:first-child
    {
    margin-right: 10px;
}

.popover-add-remove-wrapper .popover-content  .popover-submit-button-add-remove
    {
    margin-top: 10px;
}

.add-remove-device-page-container .device-counts-wrapper .table-condensed
    {
    margin-bottom: 6px;
    margin-left: 0;
}

.device-counts-wrapper .container-fluid .table-condensed {
    margin-bottom: 0;
    background-color: white;
}

.device-counts-wrapper .container-fluid:nth-child(3) .table-condensed {
    margin-bottom: 0;
    background-color: white;
}

.polling-location-header {
    margin-top: 16px
}

.popover-add-remove-device-wrapper  form span.popover-instructions {
    max-width: 400px !important;
    display: block;
    width: 100%;
}

.popover-add-remove-device-wrapper .popover-content input.ng-dirty.ng-empty,
    .popover-content input.ng-dirty.ng-invalid {
    border: 1px solid red;
}

.popover-required-notification {
    color: #ed2224 !important;
    font-weight: normal;
}

.popover-add-remove-device-wrapper .popover-add-remove-context-wrapper .ssp-contextual-box.info
    {
    max-width: 400px !important;
}
/* -------------------<utils>------------------ */
.add-remove-device-page-container .custom-separator {
    background-color: #D1D1D1;
    height: 1px;
    padding: 0;
    margin: 0;
}

.add-remove-device-page-container .radio-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-right: 6px;
    margin-bottom: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.add-remove-device-page-container .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.add-remove-device-page-container .radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: white;
    border-radius: 50%;
    z-index: 1;
}

.add-remove-device-page-container .radio-container .checkmark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    padding: 0;
    margin: 0;
    border: 2px solid #979797;
    border-radius: 50%;
    z-index: 5;
}

.add-remove-device-page-container .radio-container .checkmark:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    padding: 0;
    margin: 0;
    border: 5px solid white;
    border-radius: 50%;
    z-index: 4;
}

.add-remove-device-page-container .radio-container input:checked ~
    .checkmark {
    background: #8564de;
    box-sizing: border-box;
}

.add-remove-device-page-container .radio-container .radio-text-content {
    padding-top: 2px;
    display: inline-block;
}

.popover-content .non-selectable {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.add-remove-device-page-container .device-total-count {
    margin-top: 16px;
}

.add-remove-device-page-container .col-xs-12 .accordion-toggle {
    padding: 6px !important;
}

.add-remove-device-page-container .col-xs-12 .accordion-toggle>.col-sm-6.col-xs-6:nth-child(1)
    {
    padding-left: 0 !important;
}

#device-edit-form .form-group {
    margin-bottom: 10px;
}

#device-edit-form .form-group label {
    margin-bottom: 5px;
}

/* -------------------</utils>------------------ */

/* -------------------<media queries>------------------ */
@media screen and (max-width:720px) {
    .add-remove-device-page-container .flex-row {
        display: flex;
        flex-direction: column-reverse;
    }
    .add-remove-device-page-container .flex-column {
        flex: 1 100%;
        margin-top: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .add-remove-device-page-container .top-action-bar-row {
        grid-template-columns: 75% auto !important;
    }
}
/* -------------------</media queries>------------------ */.ssp-contextual-box {
    align-items: normal;
    margin-bottom: 10px;
    padding: 5px 10px 10px 10px;
}

.ssp-contextual-box>div.image-container>.the-icon {
    height: 80%;
    width: 80%;
    margin-top: 2px;
}

.ssp-contextual-box>div.message-container {
    padding-left: 5px;
}

#create-district-type .close-popover, #create-district .close-popover, #edit-district-type .close-popover, #edit-district .close-popover {
    top: -15px;
}

#district-crud task-widget {
    margin-left: 5px;
}

#district-crud .tree-control {
    margin-left: -35px;
    padding-right: 0px;
}
#district-crud .ssp-tree{
    display: grid;
    grid-template-rows: auto auto;
}

#district-crud .ssp-tree>.table-header {
    padding-left:38px;
    padding-right:38px;
    display: grid;
    grid-template-columns: 30rem 30rem 30rem auto;
}
#district-crud .ssp-tree>.table-header > .columns-group{
    display: grid;
}
#district-crud .ssp-tree>.table-header > .columns-group > div{
    text-align: center;
}

#district-crud .ssp-tree > .table-body {
    height:     calc(100vh - 320px);
    overflow-y: auto;
}

#district-crud .ssp-tree .tree-classic.tree-control > ul > li .ssp-inner-tree-node{
    display: grid;
    grid-template-columns: 30rem 30rem 30rem auto;
}

#district-crud .ssp-tree .tree-classic.tree-control > ul > li .ssp-inner-tree-node.level2{
    grid-template-columns: 95% auto;
}

#district-crud .ssp-tree .tree-classic.tree-control > ul > li .ssp-inner-tree-node .columns-group{
    display: grid;
}

#district-crud .ssp-tree treeitem ul li .ssp-inner-tree-node,
#district-crud .ssp-tree treeitem ul li .ssp-inner-tree-node .columns-group{
    display: initial;
}

#district-crud .bottom-border {
    margin-left: 10px;
}

#district-crud [treecontrol] li i {
    cursor: inherit;
}

#district-crud [treecontrol] li > i {
    cursor: pointer;
}

#district-crud [treecontrol] .btn[disabled] {
    opacity: 0.2;
}

.tree-column-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#associate-regions .ssp-crud-go-next {
    margin-right: 25px;
}

.district-tree {
    background-color: white;
    color:#738a8f;
    border-radius: 4px;
    height: calc(100vh - 280px);
    overflow-y: auto;
}
.district-tree-less-height {
    height: calc(100vh - 335px) !important;
}

#associate-regions .ssp-tree .table-header{
    display: grid;
    grid-template-columns: 70% 30%;
}
#associate-regions .ssp-tree .table-body .ssp-inner-tree-node{
    display: grid;
    grid-template-columns: 70% 30%;
}
#associate-precincts .ssp-tree .table-header{
    display: grid;
    grid-template-columns: 68% 32%;
}
#associate-precincts .ssp-tree .table-body .ssp-inner-tree-node{
    display: grid;
    grid-template-columns: 70% 30%;
}
#associate-precincts .ssp-crud-go-next {
    margin-right: 25px;
}

#associate-precincts .badge {
    font-weight: normal;
}
.search-regions-row {
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
    border-bottom: solid 2px #8564de;
}

.selected-regions-panel {
    border: solid 1px #9b9b9b;
    background-color: #f3f3f3;
    height: 410px;
    overflow-y: auto;
    border-radius: 4px;
}

.selected-regions-list {
    padding: 10px;
}

.select-regions-tree {
    height: 410px;
    background-color: white;
    border: solid 1px black;
    padding: 0;
}

.select-regions-tree-header {
    font-size: 10pt;
}

.select-regions-tree > .table-body {
    height:     325px;
    overflow-y: auto;
}

.selected-regions-title {
    padding: 10px 5px;
    border-bottom: solid 1px black;
    min-height: 45px;
}

.move-district-select {
    width:300px;
    height:125px !important;
}

.move-district-select option:empty {
    display:none;
}
.manage-precincts .checkbox {
    margin-top: unset !important;
}

.custom-code-label {
    margin-bottom: .25rem !important;
}

.district.form-group {
    margin-bottom: 1.5rem !important;
}

.jurisdiction-wide-label {
    font-size: 14px;
    vertical-align: middle;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #associate-regions {
        width: 1024px;
        min-height: 600px;
    }
    #associate-precincts {
        width: 550px;
        min-height: 600px;
    }

    .select-regions-tree, .selected-regions-panel {
        height: 450px;
    }

    .select-regions-tree > .table-body {
        height:     355px;
        overflow-y: auto;
    }
}

@media screen and (max-width: 1024px) {
    .ssp-popover-modal {
        max-width: 750px !important;
        max-height: 500px !important;
        overflow: auto !important;
    }

    #associate-precincts {
        width: fit-content !important;
    }

    #district-crud .top-action-bar-row {
        grid-template-columns: 90% auto !important;
    }

    #district-crud .ssp-tree > .table-header {
        grid-template-columns: 25rem 25rem 24rem auto;
    }

    #district-crud .ssp-tree .tree-classic.tree-control > ul > li .ssp-inner-tree-node{
        grid-template-columns: 25rem 25rem 24rem auto;
    }
}
/**
 * Container class of the 'contest-management' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .contest-management-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
 .contest-management-container ssp-table-view .title-container {
    margin-top: 25px;
 }

.contest-management-container .add-issue-contest {
  margin: 8px 0; }

.contest-management-container .hide-overflow {
  overflow: hidden; }

.add-contest-container, .edit-contest-container {
  width: 100%; }
  .add-contest-container form, .edit-contest-container form {
    margin: 8px 0; }
  .add-contest-container form .select-precinct, .edit-contest-container form .select-precinct {
    margin: 8px 0; }
  .add-contest-container input, .add-contest-container textarea, .edit-contest-container input, .edit-contest-container textarea {
    width: 100%; }
  .add-contest-container .add-btn, .edit-contest-container .add-btn {
    margin-left: 16px; }
  .add-contest-container .required, .edit-contest-container .required {
    color: red;
    font-style: italic; }
  .add-contest-container input[name=juristictionWide], .edit-contest-container input[name=juristictionWide] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 10000; }
  .add-contest-container input.duplicate-input, .edit-contest-container input.duplicate-input {
    border-color: red; }
  .add-contest-container .candidate-blue, .edit-contest-container .candidate-blue {
    background-color: #4f23c9;
    height: 2px;
    margin: 8px 0; }
  .add-contest-container #checkbox, .edit-contest-container #checkbox {
    display: block;
    visibility: visible; }
  .add-contest-container .button-row, .edit-contest-container .button-row {
    margin-top: 16px; }
  .add-contest-container .parameters-header, .edit-contest-container .parameters-header {
    margin: 8px 0; }
  .add-contest-container .checkboxes .col-xs-4, .edit-contest-container .checkboxes .col-xs-4 {
    margin: 8px 0; }

span.required {
  color: red;
  font-style: italic; }

span.to-be-disabled i {
  opacity: .5 !important; }

.add-precinct-row {
  margin-top: 8px; }

.contest-precincts {
    z-index: 1066;
}/**
 * Container class of the 'candidate-manager' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .candidate-manager-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.candidate-module .title-module {
	font-weight:bold;
    padding-bottom:5px;
    padding-top:25px;
    font-size: 12px;
}

.candidate-module .line-title {
	font-weight:bold;
    padding-bottom:5px;
    font-size: 11px;
}

.candidate-module .checkbox-title{
	padding-top: 20px;
    font-size: 16px;
}


.candidate-module .political-party-logo {
    border-radius: 50%;
    height: 22px;
    width:  22px;
}

.candidate-module .logo-cell-fix {
    margin-left: 10px;
}

.candidate-module  .win-modal{
    z-index: 99000 !important;
}

.candidate-module .txt-incumbent{
    font-size: 16px;
    font-weight: bold;
}

candidate-manager [type="checkbox"], candidate-manager label {
    margin-bottom: 5px !important;
}
candidate-manager ssp-table-view.tables .ui-grid {
    overflow-x: hidden !important;
}


#view-form .img-party, .logo-cell .img-party {
    max-width: 32px;
    max-height: 32px;
}

.candidate-module  .h29 {
    padding-bottom: 5px;
}

.candidate-module  select, .candidate-module select option {
  color: #000000;
}

.candidate-module  select:invalid, .candidate-module select option[value=""] {
  color: #80808069;
}

.candidate-module  [hidden] {
  display: none;
}

.candidate-module .list-paginator button.ng-binding:disabled {
    border: 1px solid #000000;
    background: #ffffff;
    margin-right: 2px;
    font-weight: bold;
}

.candidate-data-import .data-import {
    margin-top: -10px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.loading {
    position: fixed;
    z-index: 1209;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.manage-candidate-spinner-loader-outer-container {
    position: relative;
    z-index: 1208;
    top: 50%;
    left: 50%;
    right: auto;
    margin-left: -75px;
}

#view-form .hiddenMessage {
  visibility: hidden;
  display: block !important;
}
#view-form .logo-image-container {
  border: 1px solid #3d3d3d;
  border-radius: 50%;
  height: 50px;
  margin-top: 5px;
  width: 50px;
  text-align: center;
}
#view-form .logo-image-container.isLoading {
  cursor: wait;
}
#view-form .logo-image-container.invalid {
  border-color: red !important;
}
#view-form .logo-image-container:focus {
  border-color: rgb(77, 144, 254);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0;
}
#view-form .logo-image-container > img {
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
  margin: auto;
}
#view-form .logo-image-container > span {
  margin-top: 4px;
}
#view-form .logo-image-container + div {
  width: 250px;
}
#view-form .clickable-control {
  cursor: pointer;
}
ssp-nav-table > .breadcrumb-container {
    position: relative;
    width:    80%;
}@font-face {
    font-family: 'Noto Serif';
    src: url(assets/395fdc15c63247a7fc536d91a21e89d6.ttf);
}

.filter-panel {
    border-bottom: 2px solid #f3f3f3;
}

.disabled {
    cursor: not-allowed;
    opacity: 0.5
}

/** temporal rules until the disabled rules are fixed in bootstrap-smtt */
#add-ballot-template .form-control[disabled] {
    background-color: #e6e6e6;
}
#add-ballot-template select:disabled {
    color: -internal-light-dark(graytext, rgb(170, 170, 170));
    opacity: 0.7;
    border-color: rgba(118, 118, 118, 0.3);
}
#add-ballot-template input[disabled] {
    color: -internal-light-dark(graytext, rgb(170, 170, 170));
    opacity: 0.7;
    border-color: rgba(118, 118, 118, 0.3);
}
.font-features-container {
    width: 210px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    background-color: #eee9fb;
}

.ballot-toolbar {
    border-width: 1px;
    color: inherit;
}

div.panel-default a:hover {
    text-decoration: none;
}

.custom-item {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.custom-item-detail {
    color: #0C0C0C;
    font-weight: 200;
    font-size: 12px;
}

.custom-item .custom-item-title {
    color: #666666;
    font-weight: 600;
}

.custom-item .custom-item-body {
    padding: 10px 0;
}

.images-item-upload {
  width: 80%;
  cursor: pointer;
  padding-bottom: 10px;
  -webkit-transition: .5s ease;
}

.ballot-template-manager hr {
    margin-top: 23px;
    margin-bottom: 23px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

canvas {
    border: 1px solid #8564de;
}

.fabric-container {
    letter-spacing: normal;
}

.panel-title {
    font-size: 14px;
}

.panel-group .panel + .panel {
  margin-top: 2px;
}

.panel-title>a, .panel-title>small, .panel-title>small>a {
    text-decoration: none;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: none;
    background-color: #e6e6e6;
}

.ballot-design-gen-preview-body {
    padding-top: 10px;
    background-color: #fff;
}

.ballot-design-gen-sidebar-header, .ballot-design-gen-preview-header {
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ballot-design-no-side-padding {
    padding: 0px;
    min-height: calc(100vh);
    margin-bottom: 15px;
}


.template-designer-wizard-container {
    margin-top: 10px;
}

.template-designer-wizard-container .btn-cancel {
    font-size: 1.5em;
}

#delete-ballot-style-dialog {
    width: 300px;
}

#delete-ballot-style-dialog p {
    margin-bottom: 30px;
}


/* -----------------------------------------------------*/

.btm-section-background {
    background-color: #fff;
}

.btm-section-center {
    margin: auto;
    width: 50%;
}

#table-section-title {
    padding-top: 15px;
}

#ballot-template-manager .ssp-tree {
    background-color: inherit;
}

#ballot-template-manager .ssp-tree.ballot-template .table-header{
    display: grid;
    grid-template-columns: 48% 22% 30%;
}
#ballot-template-manager .ssp-tree.ballot-template .table-body .grid-columns{
    display: grid;
    grid-template-columns: 54% 16% 30%;
    height: 38px;
}

#ballot-template-manager .section-separator {
    border-top-color: #4f23c9;
    border-top-width: 3px;
    margin-top: 10px;
}

#ballot-template-manager  .table-body {
    background-color: rgb(255,255,255);
    min-height: 210px;
    max-height: 314px;
    overflow-y: auto;
}

#copy-ballot-template .close-popover {
    top: -15px;
}

#copy-ballot-template label {
    margin-bottom: 0px;
}

#add-ballot-template .close-popover {
    top: -15px;
}

#add-ballot-template .form-group, #layout-designer .form-group {
    margin-bottom: 10px;
}

#add-ballot-template label {
    margin-bottom: 0px;
}

#add-ballot-template label.checkbox {
    font-size: 12px;
}

#add-ballot-template .label-group {
    border-bottom: solid 0.5px #ced0d6;
    padding-bottom: 1px;
}

#add-ballot-template .label-group-buffer {
    padding-top: 22px;
    padding-bottom: 2px;
}

#add-ballot-template .ssp-contextual-box.warning, #layout-designer .ssp-contextual-box.warning {
    background-color: inherit;
    border-top: none;
}

#add-ballot-template .checkbox-child {
    padding-top: 5px;
}

#layout-designer label {
    margin-bottom: 0px;
}

#layout-designer .label-group {
    border-bottom: solid 0.5px #ced0d6;
    padding-bottom: 1px;
}

#layout-designer .label-group-buffer {
    padding-top: 22px;
    padding-bottom: 3px;
}

.right-left-border {
    border-right: solid 0.5px #ced0d6;
    border-left: solid 0.5px #ced0d6;
}

/* Resize radio buttons */

#add-ballot-template radio-button .checkmark:after,
#add-ballot-template radio-button .checkmark:before,
#add-ballot-template radio-button .checkmark {
    height: 20px !important;
    width: 20px !important;
}

#add-ballot-template .radio-button-label {
    margin-left: 25px;
    margin-top: -2px;
}

.ssp-task-pending-bullet {
    height: 6px;
    width: 6px;
    margin-bottom: 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.ssp-task-completed-bullet {
    height: 6px;
    width: 6px;
    margin-bottom: 2px;
    background-color: #88c441;
    border-radius: 50%;
    display: inline-block;
}

.ssp-task-in-progress-bullet {
    height: 6px;
    width: 6px;
    margin-bottom: 2px;
    background-color: #00a2c7;
    border-radius: 50%;
    display: inline-block;
}

.ssp-20px-icon {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

#add-ballot-template .ssp-paper-orientation-portrait {
    vertical-align: top;
    margin-left: -5px;
}
.designer-form-title-row{
    width: 100%;
    height: 35px;
    display: grid;
    grid-template-columns: auto auto;
    border-bottom: #979797 solid 1px;
}
.designer-form-title-row .form-group{
    margin-bottom: 0 !important;
}
.designer-form-title-row .form-group.form-buttons{
    display: flex;
    justify-content: flex-end;
}
.designer-form-title-row .form-group.form-title-text{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.designer-form-title-row .form-group.form-title-text > div{
    margin-bottom: 5px;
}

#layout-designer .designer-form-label{
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

ballot-template-manager #canvas-body{
    overflow: auto;
    max-height: 700px;
    min-height: 700px;
}





#ballot-designer-modal .panel-group .panel-heading+.panel-collapse>.list-group, #ballot-designer-modal .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #aeaeae;
    background-color: #e6e6e6;
}
#ballot-designer-modal canvas {
    border: inherit;
}

#ballot-designer-modal .list-group-item {
    padding: 2px 5px;
}
#ballot-designer-modal button.list-group-item:hover {
    color: #663dd4;
}
#ballot-designer-modal button.list-group-item:hover .h39 {
    color: inherit;
}
#ballot-designer-modal button.list-group-item:disabled {
    color: #777;
    cursor: not-allowed
}

#ballot-designer-modal .template-designer-modal .modal-content {
    background-color: #f5f5f5;
    padding: 30px 20px;
    height: 860px;
}
#ballot-designer-modal .template-designer-modal .modal-body {
    padding: 0px;
    background-color: #f0f0f0;
}
#ballot-designer-modal .template-designer-modal #right-panel {
    background-color: #ffffff;
    padding-right: 0px;
}
#ballot-designer-modal #modal-template-designer{
    display: grid;
    grid-template-columns: min-content auto;
}
#ballot-designer-modal #modal-template-designer .panel-heading {
    background-color: #ffffff !important;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 5px;
}
#ballot-designer-modal #modal-template-designer .panel {
    border: inherit;
    border-radius: 0px;
}
#ballot-designer-modal #modal-template-designer .panel-body {
    padding: 5px 15px;
}
#ballot-designer-modal #modal-template-designer .ssp-contextual-box {
    font-size: 12px;
    font-weight: bold;
}
#ballot-designer-modal #modal-template-designer #canvas-panel {
    height: 590px !important;
    min-width: 500px;
    display: flex;
    flex-direction: column;
}
#ballot-designer-modal #modal-template-designer #canvas-panel #canvas-title{
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #dddddd;
}
#ballot-designer-modal #modal-template-designer #right-panel {
    width: 320px;
}
#ballot-designer-modal #modal-template-designer .ballot-toolbar {
    font-size: 12px;
}
#ballot-designer-modal #modal-template-designer #canvas-section{
    height: 540px;
    background-color: #979797;
    padding: 10px;
    overflow: auto !important;
}
#ballot-designer-modal .designer-form-title-row{
    width: 100%;
    height: 35px;
    display: grid;
    grid-template-columns: auto auto;
    border-bottom: #979797 solid 1px;
}
#ballot-designer-modal .designer-form-title-row .form-group{
    margin-bottom: 0;
}
#ballot-designer-modal .designer-form-title-row .form-group.form-buttons{
    display: flex;
    justify-content: flex-end;
}
#ballot-designer-modal #modal-template-designer .designer-form-label{
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

#ballot-designer-modal .btn-group>.btn+.dropdown-toggle {
    padding-left: 4px;
    padding-right: 4px;
}

#layout-designer  .closeDialog {
    position: absolute;
    top: 5px;
    right: 20px;
}
#layout-designer #cancelBtn > button {
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: -8px;
    right: 14px;
    position: absolute;
    top: 5px;
    right: 20px;
}

#ballot-template-manager .padR40{
    padding-right: 40px;
}

.layout-designer-modal-min .modal-lg {
    width: min-content !important;
}

#inputBallotTemplate {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.loading {
    position: fixed;
    z-index: 1209;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}.ssp-reset-icon {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5LjMgKDUxMTY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5yZXNldCBpY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InJlc2V0LWljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi44MDcyNzQxLDE5Ljk1Njk1MTQgQzE3LjIyMjY4MzEsMTkuOTU2OTUxNCAyMC44MDIwNzk0LDE2LjM3NzU1NTIgMjAuODAyMDc5NCwxMS45NjIxNDYyIEMyMC44MDIwNzk0LDcuNTQ2NzM3MTcgMTcuMjIyNjgzMSwzLjk2NzM0MDk1IDEyLjgwNzI3NDEsMy45NjczNDA5NSBDOC4zOTE4NjUxNCwzLjk2NzM0MDk1IDQuODEyNDY4OTEsNy41NDY3MzcxNyA0LjgxMjQ2ODkxLDExLjk2MjE0NjIiIGlkPSJPdmFsLTUiIHN0cm9rZT0iIzQ3NDc0OSIgc3Ryb2tlLXdpZHRoPSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi44MDcyNzQsIDExLjk2MjE0Nikgcm90YXRlKDMzLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi44MDcyNzQsIC0xMS45NjIxNDYpICI+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik00LjE5OTAzNDUzLDE0LjIzNjcyNzQgTC0wLjg2MjgxMDgzOSw2LjY0Mzk1OTM5IEMtMS4wMTU5ODcwNyw2LjQxNDE5NTA0IC0wLjk1MzkwMDEzNCw2LjEwMzc2MDM3IC0wLjcyNDEzNTc5LDUuOTUwNTg0MTQgQy0wLjY0MjAwMjAzMSw1Ljg5NTgyODMgLTAuNTQ1NDk4MTg1LDUuODY2NjA5MjkgLTAuNDQ2Nzg1NjkyLDUuODY2NjA5MjkgTDkuNjc2OTA1MDUsNS44NjY2MDkyOSBDOS45NTMwNDc0Miw1Ljg2NjYwOTI5IDEwLjE3NjkwNSw2LjA5MDQ2NjkxIDEwLjE3NjkwNSw2LjM2NjYwOTI5IEMxMC4xNzY5MDUsNi40NjUzMjE3OCAxMC4xNDc2ODYsNi41NjE4MjU2MyAxMC4wOTI5MzAyLDYuNjQzOTU5MzkgTDUuMDMxMDg0ODMsMTQuMjM2NzI3NCBDNC44Nzc5MDg2LDE0LjQ2NjQ5MTggNC41Njc0NzM5MiwxNC41Mjg1Nzg3IDQuMzM3NzA5NTgsMTQuMzc1NDAyNSBDNC4yODI3ODM0NCwxNC4zMzg3ODUxIDQuMjM1NjUxOTYsMTQuMjkxNjUzNiA0LjE5OTAzNDUzLDE0LjIzNjcyNzQgWiIgaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjNDc0NzQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjYxNTAyMywgMTAuMDg3NzcwKSByb3RhdGUoMzMuMDAwMDAwKSB0cmFuc2xhdGUoLTQuNjE1MDIzLCAtMTAuMDg3NzcwKSAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
}

.disabled {
    cursor: not-allowed;
    opacity: 0.5
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #eee9fb;
}

.ballot-toolbar {
    border-width: 1px;
    color: inherit;
}

div.panel-default a:hover {
    text-decoration: none;
}

canvas {
    border: 1px solid #8564de;
}

.fabric-container {
    letter-spacing: normal;
}

.panel-group .panel + .panel {
  margin-top: 2px;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: none;
    background-color: #e6e6e6;
}

/* -----------------------------------------------------*/

.btm-section-background {
    background-color: #fff;
}

#contest-template-manager .ssp-tree {
    background-color: inherit;
}

#contest-template-manager .section-separator {
    border-top-color: #4f23c9;
    border-top-width: 3px;
    margin-top: 10px;
}

#contest-template-manager .table-body {
    background-color: rgb(255,255,255);
    min-height: 210px;
    max-height: 314px;
    overflow-y: auto;
}

#contest-template-manager .ssp-tree.contest-template-manager .table-header{
    display: grid;
    grid-template-columns: 68% 30%;
}

#contest-template-manager .ssp-tree.contest-template-manager .table-body .ssp-inner-tree-node{
    display: grid;
    grid-template-columns: 70% 30%;
    height: 38px;
}


#copy-ballot-template .close-popover {
    top: -15px;
}

#edit-contest-properties .close-popover {
    top: -15px;
}

#edit-contest-properties .label-group {
    border-bottom: solid 0.5px #ced0d6;
    padding-bottom: 1px;
}

#edit-contest-properties .label-group-buffer {
    padding-top: 22px;
    padding-bottom: 3px;
}

#edit-contest-properties .ssp-contextual-box.warning, #layout-designer .ssp-contextual-box.warning {
    background-color: inherit;
    border-top: none;
}

#associate-contests .ctm-add-small {
    min-height: 250px;
}
#associate-contests .ctm-add-lg {
    min-height: 650px;
}
#associate-contests .close-popover {
    top: -15px;
}

#layout-designer .label-group {
    border-bottom: solid 0.5px #ced0d6;
    padding-bottom: 1px;
}

#layout-designer .label-group-buffer {
    padding-top: 22px;
    padding-bottom: 3px;
}

.left-border {
    border-left: solid 0.5px #ced0d6;
}

.ssp-task-pending-bullet {
    height: 6px;
    width: 6px;
    margin-bottom: 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.ssp-task-completed-bullet {
    height: 6px;
    width: 6px;
    margin-bottom: 2px;
    background-color: #88c441;
    border-radius: 50%;
    display: inline-block;
}

.ssp-task-in-progress-bullet {
    height: 6px;
    width: 6px;
    margin-bottom: 2px;
    background-color: #00a2c7;
    border-radius: 50%;
    display: inline-block;
}

.ssp-20px-icon {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

@media screen and (max-width: 1024px) {
    #contest-template-manager .top-action-bar-row {
        grid-template-columns: 75% auto !important;
    }
}

.ballot-design-gen-filter-header {
    border-radius: 0 3px 0 0;
    background-color: #e9eaeb;
    padding: 10px 10px 10px 35px;
    cursor: pointer;
}

.ballot-design-gen-filter-header-open {
    background-color: #fff;
}

.ballot-design-gen-disabled-text {
    color: #a2a3ac;
}

.ballot-design-gen-filter-item {
    cursor: pointer;
    padding: 5px 5px 5px 50px;
}

.ballot-design-gen-filter-item-selected {
    cursor: pointer;
}

.ballot-design-gen-filter-item .ssp-icon {
    width: initial;
    height: initial;
}

.ballot-design-gen .ssp-check-blue-icon {
    margin-right: 10px;
    float: right;
}

.ballot-design-gen .table {
    display: table;
}

.ballot-design-gen .table-row {
    display: table-row;
}

.ballot-design-gen .table-cell {
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
}

.ballot-design-gen-sidebar-header, .ballot-design-gen-preview-header {
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ballot-design-gen-sidebar {
    width: 33%;
}

.ballot-design-gen-sidebar-body {
    background-color: #e9eaeb;
}

.ballot-design-gen-preview {
    width: 66%;
}

.ballot-design-gen-preview-body {
    padding-top: 10px;
    background-color: #fff;
}
.ballot-design-preview-pdf {
    padding-bottom: 20px;
}
.ballot-design-full-height, object.ballot-design-full-height iframe {
    min-height: calc(100vh);
}
.flex{
    display: flex;
    align-items: stretch;
}

.ballot-design-no-side-padding {
    padding: 0px;
    min-height: calc(100vh);
    margin-bottom: 15px;
}
.ballot-design-preview-divider {
    border-left: solid 0.5px #cedbdf;
}
.ballot-design-gen-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ballot-design-gen-monitor-progress-bg {
    padding: 35px 0px 80px 0px;
    background-color: #ddd;
}

.ballot-design-gen-monitor-icon {
    margin-right: 10px;
}

div.toCenter {
  text-align: center !important;
}/**
 * Container class of the 'ballot-proofing' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ballot-proofing-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.ballot-proofing-container div.download-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1500;
}

div.download-overlay .ssp-page-loading-spinner {
    background-repeat: no-repeat;
    border-radius: 20px;
    display: block;
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
}

.ballot-proofing-container  .closePopover {
    top: 0px;
    right: 40px;
}
.ballot-proofing-container  #cancelBtn {
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: 32px;
    right: 34px;
}

  .ballot-proofing-container .col-md-12.blue {
    background: #4f23c9;
    display: flex;
    justify-content: space-between;
    padding: 10px 50px;
    margin-bottom: 35px; }
  .ballot-proofing-container .flex .left {
    margin-right: auto; }
  .ballot-proofing-container .flex .right {
    margin-left: auto; }
  .ballot-proofing-container .btn-default.white {
    color: #fff; }
  .ballot-proofing-container .btn:hover.white {
    color: #4f23c9; }
  .ballot-proofing-container .bp-content {
    margin: 20px 0; }
  .ballot-proofing-container .ssp-icon-40, .ballot-proofing-container .ssp-md-lg-icon {
    border: none;
    margin: -3px 0 0 17px; }
  .ballot-proofing-container .status-icons-section {
    height: 40px; }
  .ballot-proofing-container .ssp-warning-small {
    margin: 5px 0px 0px 70px; }¿
  .ballot-proofing-container .second-instructions-title {
    position: relative;
    top: -31px; }
  .ballot-proofing-container .secondary-title {
    position: relative; }
  .ballot-proofing-container .approved-ballots {
    position: absolute;
    right: 0;
    top: 66px; }
  .ballot-proofing-container .btn.btn-sm.ssp-top-action-bar-button.pdfs span {
    font-size: 16px; }
  .ballot-proofing-container .btn.btn-sm.ssp-top-action-bar-button.notes i {
    border: none; }
  .ballot-proofing-container .download-ballots {
    display: inline-block;
    font-size: 16px; }
  .ballot-proofing-container .download-ballots .text-btn {
    margin: 19px 0 0 0;
    position: relative;
    top: 4px; }
  .ballot-proofing-container .sm-text-download-pdf {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    top: -10px; }
  .ballot-proofing-container .bulk-btn span {
    position: relative;
    top: 2px; }
  .ballot-proofing-container .bulk-btn i {
    border: none; }
  .ballot-proofing-container .divider {
    width: 1px;
    height: 25px;
    background-color: #999999;
    margin: 5px 3px 0 10px; }
  .ballot-proofing-container .ssp-icon.ssp-icon-30.ssp-see.centered {
    margin: 0 auto;
    display: block; }
  .ballot-proofing-container .text-status {
    position: relative;
    top: 2px; }
  .ballot-proofing-container .container-preview-pdf {
    display: flex;
    justify-content: space-between; }
  .ballot-proofing-container .ballot-preview-header {
    background-color: #eeeeee;
    margin: 0;
    padding: 20px 0 15px 40px;
    position: relative;
    border-bottom: 2px solid #cfcfcf; }
  .ballot-proofing-container .ballot-preview-header .close-btn {
    position: absolute;
    right: 10px;
    top: -8px;
    font-size: 50px;
    font-weight: 300;
    color: #676767;
    cursor: pointer; }
  .ballot-proofing-container .ballot-preview-header h4 {
    font-weight: 600; }
  .ballot-proofing-container .sidebar-manage-errors {
    background-color: #eeeeee;
    margin-left: auto;
    width: 300px;
    border-top: 1px solid #999;
    padding: 15px 10px 0 10px;
    max-height: 702px; }
  .ballot-proofing-container .pdf-preview-section {
    margin-right: auto;
    width: 82%; }
  .ballot-proofing-container .pdf-preview-section .pdf {
    width: 100%;
    height: 620px; }
  .ballot-proofing-container .manage-err-title-box {
    height: 50px;
    padding: 10px 0 0 0; }
  .ballot-proofing-container .manage-err-title-box .txt-title {
    margin: 0 10px 0 5px; }
  .ballot-proofing-container .sidebar-txt-box p {
    font-size: 11px;
    line-height: 1.4em; }
  .ballot-proofing-container .info-err-box {
    background: #F1E0BF;
    border-bottom: 1px solid #FFC200;
    font-weight: 600;
    font-size: 8px;
    border-top: 1px solid #979797;
    padding: 5px;
    margin-bottom: 10px; }
  .ballot-proofing-container .info-err-box p {
    font-size: 11px;
    font-weight: 900;
    line-height: 1.4em; }
  .ballot-proofing-container .err-box {
    margin-bottom: 10px; }
  .ballot-proofing-container .err-box-links {
    background: #F6F6F6;
    border-bottom: 1px solid #CFD8DB;
    padding: 3px; }
  .ballot-proofing-container .err-box a.custom-tooltip {
    color: #166678 !important;
    font-weight: 700; }
  .ballot-proofing-container .click-err {
    margin-top: 10px; }
  .ballot-proofing-container .no-uppercase {
    text-transform: none; }
  .ballot-proofing-container .select-candidate-name {
    width: 100%; }
  .ballot-proofing-container .select-candidate {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    margin: 10px 0 20px 0;
    font-size: 15px;
    font-weight: 500; }
  .ballot-proofing-container .cancel-name-err {
    margin-right: 15px; }
  .ballot-proofing-container .ssp-confirm-dialog-plain-buttons.text-center {
    text-align: right !important;
    padding: 15px 20px 0 0 !important; }
  .ballot-proofing-container .ballot-footer {
    height: 65px;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    -webkit-box-shadow: -1px -2px 2px 0px #878787;
    -moz-box-shadow: -1px -2px 2px 0px #878787;
    box-shadow: -1px -2px 2px 0px #878787; }
  .ballot-proofing-container .overlay-pop {
    width: 100%;
    height: 100%;
    background: #404042;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9; }
  .ballot-proofing-container .overlay-confirm-popup {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup {
      width: 415px;
      background: #fff;
      padding: 15px;
      position: relative; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .close-ico {
      font-size: 36px;
      font-weight: 300;
      margin-right: 15px;
      position: absolute;
      top: -5px;
      right: 3px;
      cursor: pointer; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .title {
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 900;
      padding: 0;
      flex: 1;
      margin: 13px 0 0 0; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .header-confirm-popup {
      display: flex;
      justify-content: flex-end;
      height: 30px; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .content {
      padding: 10px 5px;
      font-size: 13px;
      font-weight: 600; }
    .ballot-proofing-container .overlay-confirm-popup .footer-confirm-popup {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 40px; }
    .ballot-proofing-container .overlay-confirm-popup .no-popup, .ballot-proofing-container .overlay-confirm-popup .yes-popup {
      width: 94px;
      height: 27px;
      line-height: 1.2em; }
    .ballot-proofing-container .overlay-confirm-popup .no-popup {
      margin-right: 20px; }
  .ballot-proofing-container .tooltip-notes {
    color: #337ab7;
    text-decoration: underline;
    line-height: 2.4em; }
  @media (max-width: 1170px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 73%; } }
  @media (max-width: 1100px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 70%; } }
  @media (max-width: 970px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 65%; } }
  @media (max-width: 840px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 60%; } }
  @media (max-width: 740px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 55%; } }

.title-err-bold {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
  display: inline-block;
  width: 100%; }

.manage-errors-bp {
  font-size: 11px;
  line-height: 1.4em; }
  .manage-errors-bp .par {
    font-size: 11px;
    font-weight: 400; }

.textarea-notes {
  font-size: 11px; }

.cancel-name-err {
  width: 85px;
  height: 27px;
  line-height: 13px;
  margin-right: 15px; }

.save-err {
  width: 85px;
  height: 27px;
  line-height: 13px; }

.ballot-proofing-custom-error {
  font-size: 11px;
  font-weight: 400;
  color:#a94442; }

.emulate-edit-candidate-section {
  height: 100px; }

.lower-case-info {
  text-transform: none; }

.main-title-tooltip-bp {
  position: absolute;
  top: 0;
  width: 149px;
  height: 24px;
  background: transparent; }

  textarea.invalid-input {
    border: 1px solid #a94442;
    outline: #a94442;
}
.label-radio-button {
  display: inline;
  margin: 0;
}
.space-vertical.row.ballot-container-pop {
  font-size: 16px;
  width: 550px;
  padding-bottom: 60px;
}
.center-align {
    text-align: center;
}
.toRight{
  text-align: right !important;
  margin-bottom: 5px;
}
#serialize-ballots-dialog {
  min-height: 150px;
}

.progress-bar-view ssp-progress-bar .background {
  background-color: #f6f6f6;
  height: 60px;
}
.progress-bar-view .ssp-process-progress-bar > .bar-container {
  background-color: #cccccc;
}
ballots-pdf div.space-vertical > div:first-child {
  margin-top: 20px;
}
ballots-pdf div.space-vertical > div:not(:first-child) {
  margin-top: 10px;
}
ballots-pdf div.space-vertical label {
  cursor:         pointer;
  font-weight:    normal !important;
}
ballots-pdf div.space-vertical label:focus-visible {
  outline:        solid 2px var(--outline-color) !important;
  outline-offset: 2px;
}
.ballot-preview {
    width: 100%;
}
.ballot-preview-section {
    margin-right: auto;
    width: 60%;
}
#ballot-image {
    width: 100%;
}
.ballot-image-container {
    width: 100%;
    min-height: 700px;
    margin-top: 20px;
    background-color: #808080;
    overflow: auto;
}
.ballot-image-container img {
    height: auto;
}
.image-buttons-container {
    display:inline-flex;
    margin: 15px;
}
.ballot-detail-area-background {
    background-color: #fff;
    padding: 20px;
}
.ballot-detail-area-title {
    padding: 20px 0px 10px 0px;
}
.ballot-detail-area {
    background-color: #e9eaeb;
    height: 100%;
    margin: 10px;
}
.ballot-detail-area .designer-form-title-row {
    width: 100%;
    height: 35px;
    display: grid;
    grid-template-columns: auto auto;
    border-bottom: #979797 solid 1px;
}
#emulate-experience-single  .closePopover {
    position: absolute;
    top: 45px;
    right: 40px;
}
#emulate-experience-single  #cancelBtn {
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: 32px;
    right: 34px;
}

.voting-experiences-list .ssp-ui-grid-row {
    cursor: pointer;
}

.visualization-bar {
    height: 50px;
    background-color: #4a4a4a;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    z-index: 1;
}

.visualization-bar-button {
    background-color: white;
    height: 50px;
    min-width: 115px;
    float: left;
    padding-top: 10px;
    text-align: center;
}

.visualization-bar-button button {
    font-size: 12px;
    color: black;
    background: none;
    border: none;
}

.visualization-bar-tool-button {
    background: none;
    border: 0;
}

#voting-experience-simulator {
    background-color: #979797;
    text-align: center;
    min-height: 650px;
}

#voting-experience-audiovisual-controls {
    padding: 15px;
    background-color: #ddd;
    min-height: 650px;
    height: 1285px;
}

.voting-experience-ati-image {
    outline: none !important;
}

.voting-experience-ati-container {
    position: relative;
    text-align: center;
    color: white;
}

.wrap {
    overflow: hidden;
}
.wrap-fit-in-page-75 {
    height: calc(100vh - 50px) !important;
    overflow: hidden;
}
.wrap-fit-in-page-50 {
    height: calc(100vh - 200px) !important;
    overflow: hidden;
}
.wrap-fit-in-page-25 {
    height: calc(100vh - 300px) !important;
    overflow: hidden;
}
.wrap-fit-in-page-big {
    height: calc(100vh + 950px) !important;
    overflow: hidden;
}

.emulate-notes-link {
    color: blue;
    text-decoration: underline;
}

#emulate-view-all-notes {
    width: 600px;
}

.emulate-overlay-pop {
    width: 100%;
    height: 100%;
    background: #404042;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: 3;
}

.emulate-overlay-confirm-popup {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    z-index: 4;
}

.emulate-overlay-confirm-popup .confirm-popup {
    width: 415px;
    height: 240px;
    background: #fff;
    padding: 15px;
    position: relative; }
  .emulate-overlay-confirm-popup .confirm-popup .close-ico {
    font-size: 36px;
    font-weight: 300;
    margin-right: 15px;
    position: absolute;
    top: -5px;
    right: 3px;
    cursor: pointer; }
  .emulate-overlay-confirm-popup .confirm-popup .title {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
    padding: 0;
    flex: 1;
    margin: 13px 0 0 0; }
  .emulate-overlay-confirm-popup .confirm-popup .header-confirm-popup {
    display: flex;
    justify-content: flex-end;
    height: 30px; }
  .emulate-overlay-confirm-popup .confirm-popup .content {
    padding: 10px 5px;
    font-size: 13px;
    font-weight: 600; }
  .emulate-overlay-confirm-popup .footer-confirm-popup {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 40px; }
  .emulate-overlay-confirm-popup .no-popup, .emulate-overlay-confirm-popup .yes-popup {
    width: 94px;
    height: 27px;
    line-height: 1.2em; }
  .emulate-overlay-confirm-popup .no-popup {
    margin-right: 20px; }

.emulate-frame {
    width: 1024px;
    height: 1280px;
    border: 0;

    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.emulate-frame-big {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.emulate-frame-full {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.emulate-frame-three-quarts {
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

.emulate-frame-half {
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.emulate-frame-quart {
    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
}

.emulate-disabled-icon {
    opacity: 0.5;
}

#emulate-experience-select-language {
    width: 500px;
}

#emulate-experience-accessibility {
    width: 600px;
}

.emulate-accessibility-title {
    margin-bottom: 10px;
}

.emulate-accessibility-radio-cell {
    display: table-cell;
    width: 5%;
}

.manage-errors {
  width: 560px;
  font-size: 11px;
  line-height: 1.4em;
}

.manage-errors p, .manage-errors span {
  font-size: 11px;
  line-height: 1.4em;
  font-weight: 400;
}

.emulate-edit-candidate-section {
    background-color: #eee;
    padding: 8px;
    height: 100px;
}

.emulate-search-candidate-section {
    height: 95px;
}/* The following rule allows parameter options to span multiple lines
   if required: */
#report-parameters .ui-select-bootstrap .ui-select-choices-row > span {
    white-space: normal;
    width:       auto !important;
}

.generate-reports .pointer {
    cursor: pointer;
}

.generate-reports .view-reports.exit-view {
    font-size: 1.8em;
}

.generate-reports .modal-params.exit-view {
    font-size: 1.2em;
}

.generate-reports label {
    font-size: 1em !important;
    margin-top: .5em !important;
    margin-bottom: .5em !important;
}

.generate-reports .border-right {
    border-right: 1px solid #ccc;
}

.generate-reports .ssp-contextual-box.info {
    margin: 0 !important;
}

.generate-reports .accordion-header {
    padding: 5px;
    font-weight: bold;
    font-size: .8em;
    margin-top: 1em;
}

.generate-reports .report-table {
    padding: 0;
    margin-bottom: .5em;
}

.generate-reports .report-table-content-header {
    font-weight: bold;
    padding: 8px;
    padding-left: 1.5em;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    background-color: rgb(230, 228, 228);
}

.generate-reports .report-table-content-row {
    background-color: #fff;
    padding: 8px;
    padding-left: 1.5em;
    border: 1px solid #ccc;
    border-top: none;
}

.generate-reports .report-table-content-row:hover {
    background-color: rgb(204, 249, 255);
}

/* View Report */
.generate-reports .report-page-header {
    border-bottom: 1px solid #ccc;
}

.generate-reports .view-reports-options {
    margin-top: 1em;
    margin-bottom: 1em;
    overflow:hidden;
    width: 100%;
}

.generate-reports .report-param-button {
    padding: 5px;
    font-size: 1.2em;
}

.generate-reports .report-param-button:hover {
    background-color: #ccc;
    border-radius: 2px;
}

/* Center Modal */
.generate-reports .blockscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 99999;
}

.generate-reports .modal-center-wrapper {
    position: absolute;
    padding: 10px;
    min-width: 40%;
    max-width: 40%;
    border: 1px solid #ccc;
    background-color: #fff;
    left: 30%;
    top: -5%;
    z-index: 100000;
    border-radius: 5px;
    margin-bottom: 1em;
}

.generate-reports .modal-center-header {
    padding: 10px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 1em;
}

.generate-reports .modal-center-content {
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.generate-reports .modal-center-footer {
    padding: 10px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 1.2em;
    overflow:hidden;
    width: 100%;
}

.generate-reports .close-modal {
    float: right;
    font-size: .9em;
    font-weight: normal;
}

/* download modal */

.generate-reports label {
    font-weight: normal !important;
}

.generate-reports .generate-reports-title {
    font-size: 20px;
    padding-top: 150px;
}

.generate-reports .done-btn {
    font-size: 20px;
    margin-right: 20px;
    text-align: center;
}

.generate-reports .radio-option-divider {
    margin: .5em;
}

.generate-reports radio-button .checkmark {
    margin-top: -.9em !important;
}

.generate-reports  ssp-rolling-buttons-menu {
    right: -8px;
    top: -7px;
}

.generate-reports section#view-reports iframe {
    border: 0px;
}

section#tplReportView   select, section#tplReportView  select option {
  color: #000000;
}

section#tplReportView   select:invalid, section#tplReportView select option[value=""] {
  color: #80808069;
}

section#tplReportView   [hidden] {
  display: none;
}


.generate-reports-body{
    background: #525659;
    padding: 5px;
    padding-left: 82px;
    padding-right: 100px;
    width: 1000px;
    height: 1000px;
}

.generate-reports-page{
    background: #fff;
    width: 100%;
    height: 985px;
}

.spinner-loader-outer-container-report {
    z-index: 1200;
    position: fixed;
    margin-top: -75px;
    margin-left: -50px;
    left: 50%;
    top: 50%;
}
#reset-overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1100;
}

radio-button input {
    display: none;
}

input[type='checkbox']:not(:checked) {
    display: none;
}
input[type='checkbox'] + label:focus:before {
    outline: 2px solid var(--outline-color);
}

div.focusable {
    outline-color: var(--outline-color);
    outline-width: 2px;
}.create-election-media .top-action-bar-row {
    margin: 7px 0 7px 0;
}
.create-election-media top-action-bar > br {
    display: none;
}

.create-election-media .bold {
    font-weight: bold;
}

.create-election-media .pointer {
    cursor: pointer;
}

.create-election-media .mr-1em {
    margin-right: 1em;
}

.create-election-media .ml-1em {
    margin-left: 1em;
}

.create-election-media .mb-half-em {
    margin-bottom: .5em;
}

.create-election-media .bg-white {
    background-color: #fff;
}

.create-election-media toggle-switch .slider {
    margin-top: .5em !important;
    margin-bottom: -.5em !important;
}

.create-election-media .ssp-icon.ssp-icon-15.ssp-info-blue-bg-icon.status {
    margin-top: -.2em;
}

.master-pin-button {
    font-size: 1.2em;
}

.master-pin {
    padding: 2em;
    margin: .5em 0 .5em 0;
    text-align: center;
    letter-spacing: 5px;
    border: 1px solid #4f23c9;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 5px;
}

/* Master PIN */
#master-pin-modal .contextual-box {
    margin-top: 4px;
}
#master-pin-modal .pin-box {
    background-color:   white;
    border:             1px solid black;
    border-radius:      5px;
    display:            table;
    height:             80px;
    margin-bottom:      16px;
    margin-top:         12px;
    text-align:         center;
    width:              100%;
}
#master-pin-modal .pin-box .pin {
    display:        table-cell;
    vertical-align: middle;
}
@media screen {
    #master-pin-modal .printable {
        display:    none;
    }
}
@media print {
    @page {
        size: auto;   /* auto is the initial value */
        margin: 0;    /* this affects the margin in the printer settings */
    }
    body * {
        visibility: hidden;
    }
    #master-pin-modal .printable {
        display:    block;
        height:     38cm;
        left:       -10cm;
        position:   fixed;
        top:        -15cm;
        visibility: visible;
        width:      28cm;
    }
    #master-pin-modal .printable * {
        visibility: visible;
    }
    #master-pin-modal .printable > .header {
        font-size:   30px;
        font-weight: bold;
        height:      50px;
        left:        0;
        position:    absolute;
        text-align:  center;
        top:         0;
        width:       100%;
    }
    #master-pin-modal .printable > .content {
        left:     0;
        position: absolute;
        top:      18cm;
        width:    100%;
    }
    #master-pin-modal .content .centered {
        left:          50%;
        margin:        auto;
        position:      absolute;
        top:           50%;
        transform:     translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    #master-pin-modal .content .centered.master-pin {
        border:         2px solid #4f23c9;
        border-radius:  20px;
        font-weight:    bold;
        font-size:      1.5em;
        letter-spacing: 5px;
        padding:        2em;
        text-align:     center;
        width:          500px;
    }
    #master-pin-modal .printable > .footer {
        bottom:        0;
        display:       grid;
        font-size:     20px;
        grid-template-columns: 100%;
        left:          0;
        position:      absolute;
        row-gap:       0px;
        width:         100%;
    }
    #master-pin-modal  .printable > .footer > .hash-info {
        text-align:    center;
    }
    #master-pin-modal .printable > .footer > .page-info {
        text-align:    left;
    }
}

/* Table Tree View */

.create-election-media .table-tree-view-header-content {
    background-color: rgb(230, 230, 230);
    padding: 5px;
    font-weight: bold;
}

.create-election-media .table-tree-view-child-header {
    background-color: rgb(241, 241, 241);
    padding: 5px;
    font-weight: bold;
}

.create-election-media .child-header-row {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.create-election-media .device-header {
    background-color: rgb(250, 250, 250);
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #ccc;
}

.create-election-media .child-row {
    font-size: 1.1em;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.create-election-media .tbl-row {
    background-color: #fff;
    font-size: 1.1em;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.create-election-media .selected,
.create-election-media .hover {
    background-color: #dcf9ff !important;
}

/* Create election media button */
.create-election-media .create-election-media-btn {
    margin-top: -2.9em;
    font-size: 1.1em;
    border-radius: 0;
}

/* checkboxes */
.create-election-media [type="checkbox"]:not(:checked).table-tree-view-checkbox,
.create-election-media [type="checkbox"]:checked.table-tree-view-checkbox {
    display: inline !important;
    left: 0 !important;
}

/* Checkbox */
/* The container */
.create-election-media .checkbox-container {
    position: relative;
    padding-left: 35px;
    margin-bottom: .7em;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
}

/* Hide the browser's default checkbox */
.create-election-media .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.create-election-media .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.create-election-media .extra-margin-align {
    margin-left: .5em;
}

/* When the checkbox is checked, add a blue background */
.create-election-media .checkbox-container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.create-election-media .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.create-election-media .checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.create-election-media .checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #4f23c9;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.create-election-media .checkbox-container .checkmark.main-data:after {
    width: 15px;
    height: 15px;
    background-color: #4f23c9;
    border-radius: 3px;
    transform: rotate(0);
    top: 2px;
    left: 2px;
}

/* Burn stage */
.create-election-media .burn-stage-header {
    padding: 1em;
    border-bottom: 1px solid #ccc;
}

.create-election-media #circularProgressBar .taskGraph {
    padding-right: 1em !important;
}

.create-election-media .burn-stage-header-title {
    margin-top: 2em;
    float: left;
}

.create-election-media .burn-stage-content {
    margin-top: 4em;
}

.create-election-media .burn-stage-text {
    text-align: center;
    font-size: 1.3em;
}

.text-center {
    text-align: center;
}

/** Burn configuration detail style: */
#burn-config-detail-link {
    color: #0c7a95;
    font-weight: bold;
    text-decoration: underline;
}

.burn-config-detail-popover {
    background-color: #ededed;
    width:            260px;
}
.burn-config-detail-popover .popover-content {
    padding: 2px;
}
#burn-config-detail ul {
    padding-left: 25px;
    min-height:   20px;
    max-height:   200px;
    overflow-y:   auto;
}


.create-election-media .burn-stage-usb {
    width: 40px;
    margin: 4em auto 0;
}

.create-election-media .ssp-icon.ssp-icon-40.ssp-add-icon {
    margin: 0 !important;
}

.create-election-media .ssp-icon.ssp-icon-40.ssp-success-small {
    margin-left: -2em !important;
}

.create-election-media .burn-stage-done-btn {
    margin-top: 3em;
}

.create-election-media .usb {
    margin: 3em auto;
}

/* Uncheck message */

.create-election-media .not-available-message {
    font-size: 1.1em;
    display: none;
    color: rgb(255, 119, 119);
    padding-top: 2px;
    padding-bottom: 2px;
}

.create-election-media .show-message {
    display: block;
}

.create-election-media top-action-bar tools .tool label{
    margin-bottom: 4px !important;
}

.create-election-media .btn-modal-media {
    position: absolute;
    top: -16px;
    right: 11px;
}

section#viewModalTypeElection .mgT20 {
    margin-top: 20px;
}

section#viewModalTypeElection .mgT30 {
    margin-top: 30px;
}

section#viewModalTypeElection .help-icon {
    cursor: help;
}

.create-election-media  .viewScroll{
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
    min-height: 100px;
}



.create-election-media .ckeckdata {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    border-radius: 3px;
}

.create-election-media .ckeck-empy {
    background-color: #ffffff;
}

.create-election-media .ckeck-semi {
    background-color: #4f23c9;
}

.create-election-media .ckeck-disabled {
    background-color: #EEEEEE;
}

.create-election-media .ckeck-mark {
    background-image: url(assets/e0d63880bb76d48f6fd9f644303bd7a0.png);
    background-color: #ffffff;
}


.create-election-media .div-row:hover .child-row, .create-election-media .div-row:hover .tbl-row {
    background-color: #dcf9ff !important;
}

.create-election-media-container .top-action-bar-row {
    grid-template-columns: 65% 35% !important;
}

@media screen and (max-width: 1024px) {
    .create-election-media-container .top-action-bar-row {
        grid-template-columns: 75% 30%  !important;
    }
    .create-election-media-container .top-action-bar-row * {
        font-size: 1.5rem !important;
    }
    .create-election-media-container .top-action-bar-row .bar-tools .tool {
        align-items: flex-start !important;
    }
}/*
 * styles.css
 *
 *  Revision: $Revision$  (Last Modified: 2/14/17 2:33 PM)
 *  Last Modified by: [$Author$]
 *
 *  Copyright (c) 2016 Smartmatic Intl.
 *  1001 Broken Sound Parkway NW, Suite D
 *  Boca Raton FL 33487, U.S.A.
 *  All rights reserved.
 *
 *  This software is the confidential and proprietary information of
 *  Smartmatic Intl. ("Confidential Information"). You shall not
 *  disclose such Confidential Information and shall use it only in
 *  accordance with the terms of the license agreement you entered
 *  into with Smartmatic Intl.
 *
 *
 */

 .listener-setup .text-centered {
    margin-left: 15px;
}

.listener-setup .icon-pointer {
    cursor: pointer;
}

.listener-setup .icon-server-stop {
    color: darkgoldenrod;
    font-size: 20px;
}

.listener-setup .icon-server-other {
    color: darkgray;
    font-size: 20px;
}

.listener-setup .icon-server-ready {
    color: green;
    font-size: 20px;
}

.listener-setup .icon-server-error {
    color: red;
    font-size: 20px;
}

.listener-setup .message-modal {
    max-height: calc(100vh - 350px) !important;
    overflow-y: auto;
}

.listener-setup .icon-listener-ok {
    color: green;
    font-size: 20px

}

.listener-setup .icon-listener-error {
    color: red;
    font-size: 20px;
    cursor: pointer
}

.listener-setup .icon-listener-warn {
    color: rgb(241, 196, 15);
    font-size: 20px;
    cursor: pointer
}

.listener-setup .icon-listener-not-exec {
    color: blue;
    font-size: 20px
}

/* .listener-setup .listener-start {

} */

.listener-setup .listener-button-m-left {
    margin-left: 30px;
}

.listener-setup .listener-grid {
    width: 100%;
    height: calc(100vh - 300px) !important;
    overflow: auto;
}

.listener-setup .total {
    color: darkblue;
    margin-bottom: 10px;
}

.listener-setup .detail-link {
    cursor: hand !important;
}

.listener-setup .form-server .control-label {
    text-align: left;
}

.listener-setup .form-server hr {
    margin-top: 0px;
}

.listener-setup .ng-dirty.ng-invalid-required {
    border-color: red !important;
}

.listener-setup .ng-dirty.ng-invalid-required, .listener-setup #select-category.ng-dirty.ng-invalid-required .ui-select-toggle {
    border-color: red !important;
}

.listener-setup .ng-dirty.ng-invalid-pattern, .listener-setup #select-category.ng-dirty.ng-invalid-pattern {
    border-color: red !important;
}

.listener-setup .title-container {
    margin-top: -2em !important;
}

.listener-setup .server-option {
    margin-top: -.3em;
}

.listener-setup .mt-1em {
    margin-top: 1em;
}

.listener-setup .add-server-label {
    font-size: 1.1em;
    word-break: keep-all;
}

.listener-setup .alert {
    margin-bottom: 0 !important;
}

.listener-setup .invalid {
    border-color: #a94442;
}

.listener-setup .modal-offline-message {
    font-size: 1.4em;
}

.listener-setup .server-name-host {
    font-size: 1.1em;
    padding-top: .5em;
    padding-bottom: .8em;
}

.listener-setup .server-detail {
    font-size: 1em;
    margin-top: .1em;
}

.listener-setup .server-option-btns {
    margin-bottom: 2em;
}

.listener-setup .server-operation {
    padding-top: 8px;
    padding-bottom: 8px;
}

.listener-setup .server-operation:nth-child(even) {
    background-color: rgb(238, 238, 238);
}

.listener-setup .secondary-desc {
    font-size: .9em;
}

.listener-setup.server-detail-modal {
    max-width: 500px !important;
}

.listener-setup .add-server-error {
    font-size: .9em;
    color: #a94442;
}/**
 * Container class of the 'rms-transmission-monitor' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .rms-transmission-monitor-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
 .rms-transmission-monitor-container .btn.no-flick {
    border:  2px solid transparent !important;
    outline: none !important;
}
.rms-transmission-monitor-container .btn.no-flick:focus,
.rms-transmission-monitor-container .btn.no-flick:focus-visible {
    border:  2px solid var(--outline-color) !important;
    outline: none !important;
}
.rms-transmission-monitor-container actions {
    position: relative;
}
.rms-transmission-monitor-container actions > div {
    position: relative;
    top:      8px;
}
.rms-transmission-monitor-container actions .last-refresh-box {
    margin-right:   20px;
    vertical-align: sub;
}


.rms-transmission-monitor-container .hello-world {
    color: red;
}
.rms-transmission-monitor-container .title{
    color: #4a4a4a;
    font-size: 11px;
    font-weight: bold;
}
.rms-transmission-monitor-container .textTransmitted{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}
.rms-transmission-monitor-container .textTransmittedPercent{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
.rms-transmission-monitor-container .totalRemaining{
    font-weight: bold;
    font-size: 12px;
}
.rms-transmission-monitor-container .totalRight{
    font-size: 12px;
}
.rms-transmission-monitor-container .progressTransmission{
    margin-bottom: -50px;
    margin-top: -60px;
}
.rms-transmission-monitor-container .ssp-process-progress-bar > .completeness-label {
    display: none;
}
.rms-transmission-monitor-container .ssp-process-progress-bar.ng-isolate-scope {
    padding: 63px 0 !important;
}

/* :not(:required) hides these rules from IE9 and below */
.rms-transmission-monitor-container .alignProgressBar {
    float:left;
    margin-left: 10px;
}
.rms-transmission-monitor-container .parameterFilter{
    margin-top: 5px;
}
.rms-transmission-monitor-container label{
    font-size: 14px;
}

.rms-transmission-monitor-container .ssp-process-progress-bar.ng-isolate-scope {
    padding: 6px 0 !important;
}

.rms-transmission-monitor-container .txt-right {
    padding: 6px 0 !important;
    text-align: right;
    padding-top: 5px;
    font-size: 12px;
}

.rms-transmission-monitor-container .txt-left {
    padding: 6px 0 !important;
    text-align: left;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
}


.rms-transmission-monitor-container .polling-tilte {
    background-color: #dedede;
    margin-left: 47px;
    margin-right: 0px;
    font-weight: bold;
    padding: 5px;
    border-bottom: solid 1px #adabab;
}

.rms-transmission-monitor-container .polling-tilte2 {
    background-color: #f1f1f1;
    font-weight: bold;
    margin-left: 47px;
    margin-right: 0px;
    padding: 5px;
}


.rms-transmission-monitor-container .polling-row {
    background-color: white;
    margin-left: 47px;
    margin-right: 0px;
    padding: 5px;
    border-top: solid 1px #adabab;
}

.rms-transmission-monitor-container .polling-row2 {
    background-color: white;
    margin-left: 47px;
    margin-right: 0px;
    padding: 5px;
}

.rms-transmission-monitor-container .row-margin {
    padding-left: 85PX;
}

.rms-transmission-monitor-container .cursor{
     cursor: pointer;
}

.rms-transmission-monitor-container  .h15Title {
    color: #4a4a4a;
    font-weight: normal;
}

.rms-transmission-monitor-container .transmission-monitor-filter-contest-area{
    display: flex;
}

.rms-transmission-monitor-container .transmission-monitor-contest-filter{
    width: initial;
    margin-left: -20px;
}

.rms-transmission-monitor-container .transmission-monitor-filter-contest-area .transmission-monitor-contest-filter .ssp-table-filter-title {
    width: 50px;
}

.rms-transmission-monitor-container .paddL90 {
    padding-left: 90px;
}

.rms-transmission-monitor-container .paddL150 {
    padding-left: 150px;
}


.rms-transmission-monitor-container .rot0{
    transform: rotate(0deg);
}

.rms-transmission-monitor-container .rot270{
    transform: rotate(270deg);
}

.rms-transmission-monitor-container .bar-container > div {
    min-width: 0px !important;
}

.rms-transmission-monitor-container span.titulartext
{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:400px;
    display:inline-block;
}

.rms-transmission-monitor-container .accordion-toggle > div {
  margin-left: 10px;
}

.rms-transmission-monitor-container .centered-div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-55%, -25%);
    background-color: white;
    width: 250px;
    height: 250px;
    border-radius: 7px;
}/**
 * Container class of the 'rms-transmitted-results' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .rms-transmitted-results-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

 .transmitted-results .content-wizard {
     margin-top: 20px;
 }

 .transmitted-results .wizard-base{
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .transmitted-results .boxwh{
  background-color: white;
  margin-top: 10px;
 }

 .transmitted-results .boxwh div{
     padding: 5px;
     font-weight: bold;
     text-align: right;
 }

 .transmitted-results .boxwh .t{
    margin-top: 5px;
}

 .transmitted-results .boxwh .total{
     font-size: 20px;
     color: black;
     text-align: left;
     margin-bottom: 0px;
 }

 .transmitted-results .wizard-base .date{
    margin-top: 20px;
 }
 
 .transmitted-results .ssp-wizard-header{
	 padding-bottom: 30px !important;
 }
 
  .transmitted-results .infoIcon{
	  position: absolute;
	  top:-50px;
	  left:55px;
  }

  .transmitted-results  .ssp-space{
    position: relative;
    left: -30px;
  }

  .transmitted-results .link_hover{
      text-decoration: underline; 
      color: #2d6e70;
  }

  .transmitted-results  .text-center{
      margin-bottom: 25px;
  }
 

.transmitted-results .text-danger div{
   position: absolute;
   right: 20px;
   background: aliceblue;
}.poll-workers-configuration-container .ecs-poll-workers-configuration-container .hello-world {
  color: red; }

.loader-outer-container{
    margin-top: 50px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.poll-workers-configuration-container ssp-table-view {
  margin-bottom: 20px;
}

.poll-workers-configuration-container .poling-location .ui-grid-render-container-left .ui-grid-viewport {
  height: 290px;  /* This specific height prevents last row left
                   * checkbox to be cutted! */
}

.poll-workers-configuration-container .cards-generated {
  margin-top: -20px;
  font-size: 11px; }

.poll-workers-configuration-container .text-uppercase {
  text-transform: uppercase; }

.poll-workers-configuration-container .toogle-btn-poll-worker {
  margin: 0 0 0 20px;
  float: right; }

.poll-workers-configuration-container .btn-poll-worker {
  position: relative;
  top: -8px;
  text-transform: none;
  font-size: 14px; }

.poll-workers-configuration-container .generate-cards-title {
  font-size: 20px;
  padding-top: 150px; }

.poll-workers-configuration-container .close-btn {
  font-size: 48px;
  font-weight: 300;
  color: #D2D2D2;
  align-self: flex-end;
  margin-right: 50px;
  cursor: pointer; }

.poll-workers-configuration-container .generate-cards {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center; }

.poll-workers-configuration-container .steps {
  display: flex;
  justify-content: center;
  flex-direction: column; }

.poll-workers-configuration-container .generate-card-btn {
  font-size: 20px;
  margin-right: 20px; }

.poll-workers-configuration-container .done-btn {
  font-size: 20px;
  margin-right: 20px;
  text-align: center;}

.poll-workers-configuration-container .ssp-gif-smartcard-insert, .poll-workers-configuration-container .ssp-gif-smartcard-process, .poll-workers-configuration-container .ssp-gif-smartcard-remove {
  align-self: center;
  margin: 60px 0; }

.poll-workers-configuration-container .disabled-toggle.btn-poll-worker {
  color: #CCC !important; }

.poll-workers-configuration-container .disabled-toggle .slider {
  background-color: #e0e0e0 !important; }

.poll-workers-configuration-container .ui-grid-header-cell {
  text-transform: uppercase; }

.poll-workers-configuration-container .disable .ui-grid-render-container {
  margin-left: 0 !important; }

.poll-workers-configuration-container ssp-contextual-box {
  display: none; }

.poll-workers-configuration-container .poling-location:hover ssp-contextual-box {
  display: block;
  font-size: 11px;
  margin: 5px 0; }

.poll-workers-configuration-container .ssp-list-view-grid .ui-grid-row {
  height: auto;
  margin-bottom: 5px; }

.poll-workers-configuration-container #cancelBtn {
  border: 0px solid transparent;
  background: transparent;
  color: #738a8f;
  font-size: 2em; }
.generate-ballots-container {
  /* start styling for ballot template view */ }
  .generate-ballots-container .ballots-total {
    position: relative;
    top: -17px;
    font-size: 11px; }
  .generate-ballots-container .flex {
    display: flex; }
  .generate-ballots-container .generate-ballot-table {
    padding: 0;
    width: 80%; }
    .generate-ballots-container .generate-ballot-table .ui-grid-render-container-body .ui-grid-viewport {
      width: 100% !important; }
  .generate-ballots-container .generate-ballot-table.closed {
    padding: 0;
    width: 100%; }
    .generate-ballots-container .generate-ballot-table.closed .ui-grid-render-container-body .ui-grid-viewport {
      width: 100% !important; }
  .generate-ballots-container .generate-ballot-filter.closed {
    padding: 40px 0 0 0; }
  .generate-ballots-container .generate-ballot-filter {
    padding: 40px 20px 0 0; }
  .generate-ballots-container .control-label {
    font-size: 10px;
    text-transform: uppercase; }
  .generate-ballots-container .ui-grid-header-cell {
    text-transform: uppercase; }
  .generate-ballots-container .ssp-filter-item input {
    margin-bottom: 14px !important;
    position: relative !important; }
  .generate-ballots-container .ssp-table-filter-title {
    position: relative;
    left: -16px;
    width: 34px; }
  .generate-ballots-container .ballot-template {
    margin: 0 auto;
    padding: 0 60px; }
  .generate-ballots-container .ballot-template.no-padd60 {
    padding: 0; }
  .generate-ballots-container .ballot-preview {
    font-size: 11px;
    width: 70%;
    margin-right: auto; }
  .generate-ballots-container .ballot-title {
    margin-bottom: 20px; }
  .generate-ballots-container #cancelBtn {
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: 32px;
    right: 34px; }
  .generate-ballots-container .closePopover {
    position: absolute;
    top: 45px;
    right: 40px; }
  .generate-ballots-container .ballot-holder {
    -webkit-box-shadow: -1px -1px 29px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px -1px 29px -7px rgba(0, 0, 0, 0.75);
    box-shadow: -1px -1px 29px -7px rgba(0, 0, 0, 0.75);
    background: #fff;
    height: 700px;
    padding: 30px; }
  .generate-ballots-container .container-ballot {
    display: flex;
    justify-content: center;
    padding: 26px 60px;
    position: relative; }
  .generate-ballots-container .right-panel-settings {
    background: #E9EAEB;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    width: 28%; }
  .generate-ballots-container .center-panel-settings {
    background: #E9EAEB;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    width: 50%; }
  .generate-ballots-container .title-panel {
    text-transform: uppercase;
    padding: 10px; }
  .generate-ballots-container .divider {
    width: 100%;
    height: 1px;
    background: #DBE2E5;
    margin: 5px 0 10px 0; }
  .generate-ballots-container .section-panel {
    width: 90%;
    margin: 3px 10px 23px 20px; }
  .generate-ballots-container .section-panel-title {
    text-transform: uppercase; }
  .generate-ballots-container toggle-switch {
    position: relative;
    top: 4px;
    margin-right: 10px; }
  .generate-ballots-container radio-button {
    display: flex; }
  .generate-ballots-container .label-inline {
    margin-right: 20px;
    position: relative;
    top: 4px;
    left: -4px; }
  .generate-ballots-container .button-wrapper {
    display: flex; }
    .generate-ballots-container .button-wrapper .radio-button-container {
      display: flex; }
      @media screen and (max-width: 1024px) {
        .generate-ballots-container .button-wrapper .radio-button-container {
          flex-direction: column; } }
  .generate-ballots-container .radio-label-wrapper {
    display: flex;
    gap: 0.5rem; }
    @media screen and (max-width: 1024px) {
      .generate-ballots-container .radio-label-wrapper {
        margin-bottom: 10px; } }
  .generate-ballots-container .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    background: #fff;
    margin-top: auto; }
  .generate-ballots-container .btn.btn-sm.btn-primary.generate-ballots {
    padding: 10px 60px; }
  .generate-ballots-container .info-tag {
    position: absolute;
    top: 0px;
    left: 60px;
    font-size: 11px;
    line-height: 18px; }
  .generate-ballots-container .message-holder {
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 119px;
    height: 380px;
    position: relative; }
  .generate-ballots-container .generate-title {
    padding: 0 0 20px 0; }
  .generate-ballots-container .ssp-success, .generate-ballots-container .ssp-error {
    margin-right: 20px; }
  .generate-ballots-container .button-group {
    margin-top: 8em; }
  .generate-ballots-container .progressbar-holder {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 155px; }
  .generate-ballots-container .progress-holder {
    width: 100%;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    flex-direction: column;
    position: relative;
    margin-top: 20px; }
    .generate-ballots-container .progress-holder .info-generation {
      margin-left: 0;
      position: absolute;
      top: 97px; }
    .generate-ballots-container .progress-holder ssp-progress-bar {
      margin: 0; }
    .generate-ballots-container .progress-holder .label-progress {
      position: absolute;
      top: 40px;
      text-align: right;
      color: #4f23c9; }
  @media (max-width: 1340px) {
    .generate-ballots-container .container-ballot {
      padding: 0; }
    .generate-ballots-container .info-tag {
      position: absolute;
      top: -21px;
      left: -3px;
      font-size: 11px;
      line-height: 18px; } }
  @media (max-width: 1160px) {
    .generate-ballots-container .btn.btn-sm.btn-primary.generate-ballots {
      padding: 10px 40px; } }
  @media (max-width: 1024px) {
    .generate-ballots-container .container-ballot {
      padding: 0; }
    .generate-ballots-container .btn.btn-sm.btn-primary.generate-ballots {
      padding: 10px 20px; } }
  @media (max-width: 960px) {
    .generate-ballots-container .ballot-template {
      padding: 0; } }

.checkbox-label-inline {
  font-size: 12px !important; }
.title {
    font-size: 22px;
}

.drop-area-title {
    color: #a2c4c9;
    font-size: 16px;
}

.separator {
    color: #a2c4c9;
    border-color: #a2c4c9;
    width: 99%;
    margin-left: 0;
    margin-top: 3px;
}

#drop-area {
    height: 100px;
    border: gray dashed 1px;
    overflow: auto;
    border-radius: 7px;
    display: table;
}

.drop-area-message {
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #3D3D3D;
    display: flex;
    flex-direction: column;
    padding: 15px;
    background-color: #F6F6F6;
}

.drop-area-message .ssp-icon.ssp-upload-purple-icon,
.drop-area-message .ssp-icon.ssp-info-circle-icon {
    margin: 10px auto 5px auto;
}

.drop-area-message .drag-and-drop-text {
    font-size: 16px;
    font-weight: bolder;
}

.filesDrop.filesDrop--dragover {
    outline: 1px solid #999;
}

.wizard-step {
    width: 180px;
}

.wizard-step:after {
    left: 178px;
}

#linkSelectFiles {
    cursor: pointer;
    color: #4f23c9;
}

.template-download {
    cursor: pointer;
    color: #4f23c9;
}

.report-entity-title {
    font-size: 15px;
    font-weight: bold;
}

.report-entity-filename {
    font-size: 15px;
    font-weight: bold;
}

.bulk-warning-icon {
    color: rgb(241, 196, 15);
}

.message-modal {
    max-height: calc(100vh - 350px) !important;
    overflow-y: auto;
}

.bulk-delete-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding-right: 35px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.bulk-messages {
    list-style-type: none;
    padding-left: 10px;
}

.modal-messages {
    height: 250px;
    width: 98%;
    padding-left: 0px;
}

.progress-icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-image: url(data:image/gif;base64,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);
}

.table-header {
    background-color: #e6e6e6;
}

.table-body {
    background-color: #fff;
}

.validation-icon {
    font-size: 1em;
}

.data-import .icon-modal {
    padding: 0px !important;
}

.data-import .modal-message {
    font-size: 1.1em;
    font-weight: bold;
}

.data-import .modal-entity-message {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.data-import   .closePopover {
    position: absolute;
    top: 35px;
    right: 70px;
    z-index: 1000;
}

.data-import #cancelBtn {
    position: absolute;
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: 24px;
    right: 59px;
}

/** Zoom: 200% **/
@media screen and (max-width: 1024px) {
    .bulk-load-wrapper {
        margin: auto;
    }
}.security-policies .top-action-bar-row {
    margin-top: 1em !important;
    margin-bottom: -2em !important;
}

.security-policies .no-padding {
    padding: 0 !important;
}

.security-policies .menu-header {
    font-weight: bold;
    margin-left: 13px;
}

.security-policies .menu-option {
    font-weight: bold;
}

.security-policies ul.tab-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.security-policies ul.tab-menu li {
    border-left: 5px solid #f6f6f6;
    padding: 8px;
    cursor: pointer;
    border-top: 1px solid #ccc;
}

.security-policies ul.tab-menu li.active {
    border-left: 5px solid #4f23c9;
    background-color: #fff;
}

.security-policies .view-bg {
    border-top: 1px solid #ccc;
    background-color: #fff;
    margin-top: 1.4em;
}

.security-policies .edit-btn {
    font-size: 1.1em;
}

.security-policies .policy,
.security-policies .modal-policy {
    padding: 1em;
}

.security-policies .policy {
    border-bottom: 1px solid #ccc;
}

.security-policies .policy .policy-text,
.security-policies .modal-policy .policy-text {
    font-size: 1.1em;
    color: #3d3d3d;
}

.security-policies .policy .password-policy-header.modal-param-header {
    margin-bottom: 1em;
}

.security-policies .policy .policy-text.sub {
    margin-left: 1em;
    font-size: 1em;
    padding: 10px;
}

.security-policies .sub {
    font-size: 1em;
    padding: 10px;
}

.security-policies .modal-policy-text {
    font-size: 1.1em;
}

.security-policies .no-left-padding {
    padding-left: 0;
}

.security-policies toggle-switch {
    position: absolute;
}

.security-policies .switch-label {
    margin-left: 3.5em;
}

toggle-switch {
    height: 20px !important;
}

toggle-switch:focus {
    outline: 2px solid var(--outline-color);
}

a.menu-option {
    color: var(--dark-grey-color);
}

a.menu-option:hover, 
a.menu-option:focus {
    text-decoration: none;
    color: var(--dark-grey-color);
}/**
 * Container class of the 'process-election-media' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .process-election-media-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.process-election-media-container {
  display: flex;
  flex-direction: column; }
  .process-election-media-container .em-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 2px solid #eee; }
    .process-election-media-container .em-header .em-title {
      display: flex;
      flex-direction: column; }
    .process-election-media-container .em-header .em-progress {
      display: flex;
      margin-left: auto; }
    .process-election-media-container .em-header .em-progress #circularProgressBar .taskGraph {
      padding-right: 0; }
    .process-election-media-container .em-header .em-progress #circularProgressBar {
      display: flex;
      justify-content: flex-end;
      width: 350px; }
  .process-election-media-container .em-content {
    margin: 90px 0 0 0;
    display: flex;
    text-align: center;
    flex-direction: column; }
    .process-election-media-container .em-content .button-box {
      display: flex;
      justify-content: flex-end;
      margin: 129px 0 0 0;
      align-items: center; }
    .process-election-media-container .em-content .button-box .btn-text {
      margin-right: 20px; }
    .process-election-media-container .em-content .button-box .btn-primary {
      padding: 10px 60px;
      font-size: 18px; }
    .process-election-media-container .em-content .gif-box {
      margin: 0 auto; }
    .process-election-media-container .em-content .em-title-info {
      margin-bottom: 35px; }
    .process-election-media-container .em-content .em-sub-title {
      margin-bottom: 65px; }
.manual-tally-device-info-container {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(12, 123, 149, 0.37);
    border: solid 1px #d3d3d3;
    width: 500px;
    min-height: 200px;
}

.manual-tally-device-info-title {
    width: 500px;
    min-height: 50px;
}

.manual-tally-device-info {
    text-align: left;
    padding: 25px;
    padding-left: 100px;
}

.manual-entry-device-information-panel {
    padding-top: 15px;
    border-radius: 3px;
    background-color: #eeeeee;
    border: solid 1px #e6e6e6;
    margin-left: -15px;
    height: calc(100vh - 280px);
}

.manual-tally-contest-title-row {
    border-radius: 4px 4px 0px 0px;
    background-color: #e6e6e6;
    padding: 10px;
    margin-left: 15px;
    border-bottom: 1px solid #104457;
}

.manual-tally-contest-options-table {
    height: calc(100vh - 390px);
    overflow-x: hidden;
    overflow-y: auto;
}

.manual-tally-contest-options-review-table {
    height: calc(100vh - 445px);
    overflow-x: hidden;
    overflow-y: auto;
}

.manual-tally-contest-title {
    margin-left: 15px;
}

.manual-tally-contest-options-table-header {
    background-color: #eeeeee;
    padding: 7px;
    border-bottom: 1px solid #ced0d6;
    margin-left: 15px;
}

.manual-tally-no-options-info-box {
    margin-top: 40px;
    font-size:  larger;
    text-align: center;
}

.manual-tally-option-row {
    background-color: white;
    padding: 7px;
    margin-left: 15px;
    border-bottom: 1px solid #ced0d6;
}

.manual-tally-total-row {
    border-bottom: 4px solid #ced0d6;
}


.manual-tally-option-total-input {
    font-weight: bold;
    width: 70px;
    text-align: right;
}

.manual-tally-option-votes-input {
    width: 70px;
    text-align: right;
}

.manual-entry-branch-head {
    cursor: pointer;
    padding: 0 13px !important;
    min-width: 35px;
}

.manual-tally-option-cell {
    margin-top: 7px;
}

.manual-tally-option-cell-inner {
    margin-left: -6px;
}

.manual-tally-option-votes-input, .manual-tally-option-total-input,
.manual-tally-option-votes-input::-webkit-outer-spin-button,
.manual-tally-option-total-input::-webkit-outer-spin-button,
.manual-tally-option-votes-input::-webkit-inner-spin-button,
.manual-tally-option-total-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

.manual-entry-contest-navigation {
    background-color: white;
    position: fixed;
    bottom: 0;
    height: 130px;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
    margin-left: -15px;
    box-shadow: 0 -7px 6px 0 rgba(26, 102, 153, 0.2);
}

.manual-entry-contest-navigation-buttons {
    margin-top: 25px;
}

.manual-entry-contest-navigation-info {
    margin-top: 30px;
}

.manual-entry-confirm-clear-container {
    width: 300px;
}

.manual-entry-status-cell {
    margin-top: 5px;
}

.manual-entry-status-cell img {
    max-height: 25px;
}

.manual-tally-warning-message {
    padding: 5px;
    background-color: #fff1cb;
    border-bottom: solid 1px #ffc034;
    color: black;
}

.manual-entry-not-qr-link {
    color: #0e5f70;
    text-decoration: underline;
}

.manual-tally-container .title-module {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 10px;
}

.manual-tally-container .top-title{
    padding-top: 100px;
}

.manual-tally-container .top-title2{
    padding-top: 30px;
}

.manual-tally-container .text-danger-div{
    color: #ed2224;
    position: absolute;
    right: 20px;
    background: aliceblue;
 }

 .manual-tally-container hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid white;
 }


.manual-tally-container .text-title{
    font-size: 14px;
    font-weight: bold;
}



.manual-tally-container .box-info {
    width: 100%;
    background-color: rgb(222, 222, 222);
    min-height: 300px;
    height: 75vh;
    border-right: 2px solid slategrey;
    padding: 8px;
}

.manual-tally-container .box-info .boxTitle{
    max-height: 220px;
    overflow: hidden auto;
}

.manual-tally-container .box-tally {
    height: 50vh;
    overflow: hidden auto;
    margin-right: -15px;
}

.manual-tally-container .box-footer {
    background-color: white;
    min-height: 80px;
    box-shadow: rgb(204, 204, 204) 0px -6px 6px -2px;
    padding-top: 0px;
    margin-left: 15px;
}

.manual-tally-container .icon{
    position: absolute;
    top:9px;
    left: 100px;
    cursor: pointer;
}

.manual-tally-container .icon-inner{
    left: 110px;
}

.manual-tally-container .row-base{
    margin-left: -30px;
    margin-right: 30px;
}

.manual-tally-container .row-top{
    padding: 10px;
    margin-right: -65px;
}

.manual-tally-container .row-top-view{
    padding: 25px;
}

.manual-tally-container .row-view-center {
    margin-top: 200px;
    text-align: center;
}

.manual-tally-container .row-view-center i {
    position: relative;
    left: -12px;
}

.manual-tally-container .row-view-center strong {
    font-weight: normal;
}

.manual-tally-container .row-view-center p {
    font-weight: bold;
}

.manual-tally-container .row-view-right {
    margin-top: 100px;
    text-align: right;
}

.manual-tally-container .row-5 {
    padding-left: 5px;
}

.manual-tally-container .row-60 {
    padding-left: 60px;
}

.manual-tally-container .row-40 {
    padding-left: 40px;
}

.manual-tally-container .text-block {
    display: block;
}

.manual-tally-votes-cell {
    text-align: right;
    margin-left: -30px;
}

.manual-tally-votes-cell-parent {
    margin-left: -15px;
}

.manual-tally-container .scroll::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.manual-tally-container .scroll::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
.manual-tally-container .scroll::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
.manual-tally-container .scroll::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
.manual-tally-container .scroll::-webkit-scrollbar-thumb:active {
    background: #555555;
  }
.manual-tally-container .scroll::-webkit-scrollbar-track {
    background: #c0c0c0;
    border: 0px none #ffffff;
    border-radius: 39px;
  }
.manual-tally-container .scroll::-webkit-scrollbar-track:hover {
    background: #666666;
  }
.manual-tally-container .scroll::-webkit-scrollbar-track:active {
    background: #c0c0c0;
  }
.manual-tally-container .scroll::-webkit-scrollbar-corner {
    background: transparent;
  }
  

.manual-tally-container .menu-content .btn  {
    margin-left: 10px;
}/**
 * Container class of the 'provisional-ballots' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .provisional-ballots-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.provisional-ballots-container .ssp-general-overview-left-column.ssp-general-overview-left-column-without-search {
  padding-bottom: 30px; }

.provisional-ballots-container #pb-content {
  display: flex;
  justify-content: space-between; }

.provisional-ballots-container .pb-status {
  background: #DDDDDD;
  width: 240px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  border-right: 2px solid #738A8F; }

.provisional-ballots-container .pv-title-status {
  display: inline; }

.provisional-ballots-container .pv-ico {
  display: inline-block; }

.provisional-ballots-container .pv-divider {
  width: 100%;
  height: 12px;
  margin-top: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.provisional-ballots-container .pv-divider-box {
  width: 100%;
  height: 17px;
  margin-top: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.provisional-ballots-container .pv-divider-box.last {
  border-bottom: none; }

.provisional-ballots-container .pv-status-box {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.provisional-ballots-container .txt-status {
  margin: 0 0 0 10px; }

.provisional-ballots-container .pv-number-status {
  display: inline-block;
  color: #1a1a1a;
  font-size: 22px;
  font-weight: bold; }

.provisional-ballots-container .pv-link {
  text-align: right;
  text-decoration: underline;
  cursor: pointer; }

.provisional-ballots-container .pv-search-container {
  width: 85%;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column; }

.provisional-ballots-container .rejected-icon.big {
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px; }

.provisional-ballots-container .pv-search-box {
  width: 570px;
  margin: 0 auto; }
  .provisional-ballots-container .pv-search-box input {
    width: 412px;
    margin: 30px auto 0 auto; }

.provisional-ballots-container .pv-preview {
  width: 470px;
  height: 170px;
  -webkit-box-shadow: 2px 6px 17px 1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 2px 6px 17px 1px rgba(0, 0, 0, 0.21);
  box-shadow: 2px 6px 17px 1px rgba(0, 0, 0, 0.21);
  border: 1px solid #D3D3D3;
  margin: 0 auto; }

.provisional-ballots-container .pv-preview-big {
  height: 270px; }

.provisional-ballots-container .pv-preview-content {
  padding: 50px;
  text-align: left;
  margin: 0 auto; }

.provisional-ballots-container .pv-preview-big.pv-preview-content {
  padding-top: 25px; }

.provisional-ballots-container button.pv {
  width: 150px;
  padding: 10px 0;
  margin-right: 30px; }

.provisional-ballots-container button.pv-right {
  width: 150px;
  padding: 10px 0;
  float: right;
  margin-right: 79px;
  margin-top: 30px; }

.provisional-ballots-container button.pv.last {
  margin-right: 0; }

.provisional-ballots-container .pv-title-container {
  margin-bottom: 30px;
  display: block; }

.provisional-ballots-container .pv-accept-screen {
  width: 85%;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column; }
  .provisional-ballots-container .pv-accept-screen .pv-title-container {
    margin: 30px 0; }

.provisional-ballots-container .pv-accept-box {
  width: 750px;
  margin: 0 auto;
  position: relative; }

.provisional-ballots-container .ico-adjustments {
  position: relative;
  top: -3px;
  margin-right: 9px;
  left: 5px; }

.provisional-ballots-container .pv-success-modal {
  width: 85%; }

.provisional-ballots-container .pv-container-success {
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.provisional-ballots-container .btn.btn-primary.pv-done {
  width: 150px;
  padding: 10px 0; }

.provisional-ballots-container .btn.btn-sm.btn-primary.pv.back {
  position: absolute;
  right: -200px;
  top: 331px;
  cursor: pointer; }

.provisional-ballots-container .pv-error {
  position: relative;
  right: 80px; }

.pv-ballot-list {
  min-width: 1024px;
  margin-top: -25px; }
  .pv-ballot-list .ssp-general-overview-container {
    margin-bottom: 20px; }
  .pv-ballot-list toggle-switch {
    margin-right: 15px; }
  .pv-ballot-list .pv-toggle {
    position: absolute;
    left: 195px;
    top: 112px;
    display: flex; }
  .pv-ballot-list .pv-close {
    position: absolute;
    right: 20px;
    top: 20px; }

.rejected-icon {
  display: inline-block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border-width: 3px;
  border-style: solid;
  border-color: #ED2224;
  border-radius: 100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%);
  background-color: #ED2224;
  transition: all 0.3s ease;
  position: relative;
  top: 4px; }

.pv-sorting-asc {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #525252 transparent;
  position: relative;
  top: -10px;
  left: 5px;
  cursor: pointer; }

.pv-sorting-desc {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #525252 transparent transparent transparent;
  position: relative;
  top: 14px;
  left: 5px;
  cursor: pointer; }
/**
 * Container class of the 'rms-reconcile-onhold-results' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .rms-reconcile-onhold-results-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.rms-reconcile-onhold-results-container .ui-grid-header-cell-label{
    text-transform: uppercase;
    font-weight: 900;
}

.rms-reconcile-onhold-results-container  .title-container{
    margin-top: 20px;
    font-size: 11px;
    margin-bottom: 8px;
}

.rms-reconcile-onhold-results-container .ui-grid-cell-contents:hover{
    cursor: pointer;
}

.rms-reconcile-onhold-results-container  .tally-info {
    width: 100%;
    background-color: #dedede;
    min-height: 300px;
    border-right: 2px solid slategrey;
    padding: 8px;
    /*height: 80vh;*/
    height: 92vh;
}

.rms-reconcile-onhold-results-container  .tally-info div{
    padding: 5px;
    border-bottom: 1px solid white;
    margin-bottom: 8px;
    font-size: 12px;
}

.rms-reconcile-onhold-results-container  .tally-info div span{
     font-weight: 900;
}

.rms-reconcile-onhold-results-container .tally-footer{
    background-color: white;
    min-height: 80px;
    box-shadow: 0 -6px 6px -2px #ccc;
    padding-top: 22px;
}

.rms-reconcile-onhold-results-container .slide-counter{
    font-size: 11px;
}

.rms-reconcile-onhold-results-container .trow1{
    background: #4A4A4A;
    color: white;
    padding: 4px;
}

.rms-reconcile-onhold-results-container .trow2{
    background: #E6E6E6;
    color: black;
    text-transform: uppercase;
    border-bottom: #E4E4E4 solid 1px;
    padding: 4px;
    font-weight: 900;
}

.rms-reconcile-onhold-results-container .trow3{
    background: #F6F6F6;
    color: black;
    text-transform: uppercase;
    border-bottom: #E4E4E4 solid 1px;
    padding: 4px;
    font-weight: 900;
}

.rms-reconcile-onhold-results-container .trow4{
    background: #FEFEFE;
    color: black;
    border-bottom:#E4E4E4 solid 3px;
    padding: 4px;
    font-weight: 900;
}

.rms-reconcile-onhold-results-container .trow5{
    background: #FEFEFE;
    color: black;
    border-bottom: #E4E4E4 solid 1px;
    padding: 4px;
}

.rms-reconcile-onhold-results-container .trow6{
    background: #FEF2CA;
    color: black;
    border-bottom: #D8BD6A solid 2px;
    padding: 4px;
}

.rms-reconcile-onhold-results-container .trow7{
    background: #FEFEFE;
    border-top: #E4E4E4 solid 2px;
    padding: 10px;
}

.rms-reconcile-onhold-results-container .slide-container{
    padding-top: 35px;
}

.rms-reconcile-onhold-results-container .slide-container .slide{
    padding-left: 25%;
    padding-right: 25%;
}

.rms-reconcile-onhold-results-container  .btn-float{
    position: absolute;
    top: 5px;
    right: 10px;
}

.rms-reconcile-onhold-results-container-view-ballot textarea{
 margin-top: 5px;
}

.rms-reconcile-onhold-results-container-view-ballot .text-danger div{
    position: absolute;
    right: 20px;
    background: aliceblue;
 }

.rms-reconcile-onhold-results-container-view-log{
    width: 370px;
}

.rms-reconcile-onhold-results-container .slide .box {
    overflow: auto;
    height: 75vh;
    overflow-x: hidden;
} 

.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-thumb:active {
  background: #555555;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-track {
  background: #c0c0c0;
  border: 0px none #ffffff;
  border-radius: 39px;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-track:hover {
  background: #666666;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-track:active {
  background: #c0c0c0;
}
.rms-reconcile-onhold-results-container .slide .box::-webkit-scrollbar-corner {
  background: transparent;
}


.rms-reconcile-onhold-results-container .Btnswitch{
    display: flex;
    align-items: flex-end;
}
.rms-reconcile-onhold-results-container .Btnswitch label{
    margin-bottom: 0;
}
.rms-reconcile-onhold-results-container .Btnswitch toggle-switch{
    margin-left: 10px;
    margin-right: 10px;
}

.rms-reconcile-onhold-results-container .slide .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}.reconcile-writein {
    margin: 0;
    padding: 0;
}

.reconcile-writein .close-popover{
    right: 40px !important;
}

.reconcile-writein .closePopover {
    position: absolute;
    top: 45px;
    right: 90px;
}

.reconcile-writein  #cancelBtn {
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: 32px;
    right: 84px;
}

.reconcile-writein .pointer {
    cursor: pointer;
}

.reconcile-writein .center-text-header {
    font-size: 1em;
    font-weight: bold;
}

.reconcile-writein .contest-filter {
    position: fixed;
    left: 0;
    top: 21.9em;
    z-index: 9000;
}

.reconcile-writein .writeins-filter {
    position: fixed;
    left: 0;
    top: 16.9em;
    z-index: 9000;
}

.reconcile-writein .accordion-control {
    z-index: 8999;
}

.reconcile-writein .reconcile-writein-spacing {
    margin-top: 2em;
    margin-bottom: 2em;
}

.reconcile-writein .cases-table.filterOpen {
    margin-left: 16em !important;
}

.reconcile-writein .filterOpened {
    margin-left: 15em;
}

.reconcile-writein .filterClosed {
    margin-left: 1em;
}

.reconcile-writein .list-writeins-exit {
    overflow:hidden;
    width: 100%;
    margin-top: 1em;
}

.reconcile-writein .writeins-overview .ssp-general-overview-container {
    margin-top: 1em !important;
}

.reconcile-writein .write-in-header {
    margin-bottom: 2em;
}

.reconcile-writein .write-ins-view {
    margin-top: 2em;
}

.reconcile-writein .write-in-vote {
    font-size: 1.1em;
}

.reconcile-writein .write-in-row {
    padding: 15px;
    border-top: 2px solid #ccc;
}

.reconcile-writein .write-in-options {
    padding: 5px;
    border-radius: 3px;
    width: 80%;
}

.reconcile-writein img.list-writein-image {
    margin: 0;
    padding: 0;
}

.reconcile-writein .ssp-filter-panel-closed {
    width: 50px !important;
}

.reconcile-writein .ssp-filter-panel-content {
    max-height: 17em !important;
    min-height: 17em !important;
}

.reconcile-writein .writeins-filter.list-writein {
    margin-top: -3em !important;
}

.reconcile-writein .filter-area {
    display: flex;
}

.reconcile-writein .filter{
    width: initial;
    margin-left: -20px;
    margin-top: 27px;
    min-width: 65px;
}

.reconcile-writein .contests-main top-action-bar .bar-title{
    margin-left: 16px;
}.contingency-ballots-container radio-button {
    display: flex;
}

.contingency-ballots-container .label-inline {
    margin-right: 20px;
    position: relative;
    top: 4px;
    left: -4px;
}

#add-contingency-ballots-form .section-panel {
    margin: 3px 10px 23px 10px;
}

#add-contingency-ballots-form .button-wrapper {
    display: flex;
    margin-top: 20px;
}

#add-contingency-ballots-form div.download-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1500;
}

#add-contingency-ballots-form .ssp-page-loading-spinner {
    background-repeat: no-repeat;
    border-radius: 20px;
    display: block;
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
}

.contingency-ballots-container .top-action-bar-row {
    grid-template-columns: 65% 35% !important;
}

.contingency-ballots-container .top-action-bar-row .bar-sub-title {
    margin-left: 2.5rem;
}

@media screen and (max-width: 1024px) {
    .contingency-ballots-container .top-action-bar-row .bar-title,
    .contingency-ballots-container .top-action-bar-row .bar-sub-title {
        font-size: 1.5rem;
    }
}/**
 * Container class of the 'ssp-backup-restore' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ssp-backup-restore-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.ssp-backup-restore-container .top-grid .ssp-general-overview-container {
  margin-bottom: 0px; }

.ssp-backup-restore-container .ssp-rolling-buttons-menu .menu-content.collapsed .ssp-tree-node-side-menu {
  padding-left: 13px; }

.ssp-backup-restore-container .restore-progress {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end; }
  .ssp-backup-restore-container .restore-progress #circularProgressBar .taskGraph {
    padding-right: 10px; }

.ssp-backup-restore-container .restore-table-tool-bar {
  display: flex;
  flex-direction: row;
  margin: 20px 0; }

.ssp-backup-restore-container .screen-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 400px; }
  .ssp-backup-restore-container .screen-container .content-section {
    width: 100%;
    display: flex;
    justify-content: center; }
    .ssp-backup-restore-container .screen-container .content-section > p {
      margin-bottom: 40px; }
    .ssp-backup-restore-container .screen-container .content-section .confirmation-section {
      width: 400px; }
      .ssp-backup-restore-container .screen-container .content-section .confirmation-section .confirmation-message {
        display: flex;
        justify-content: center; }
        .ssp-backup-restore-container .screen-container .content-section .confirmation-section .confirmation-message .message {
          margin-left: 15px; }
      .ssp-backup-restore-container .screen-container .content-section .confirmation-section .confirmation-action {
        margin: 20px 0px; }

.ssp-backup-restore-container .text-right.padding-right-40 {
  padding-right: 40px; }

.backup-content-field-popover ul {
  padding-left: 5px; }
  .backup-content-field-popover ul li {
    list-style-type: none; }

upload-backup .loadingSign {
  opacity: 0;
  transition: opacity ease-in-out 200ms; }

upload-backup .loadingSign.show {
  opacity: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 10; }
  upload-backup .loadingSign.show p {
    color: #fff;
    font-size: 2em; }

history-table {
  width: 670px;
  display: block; }

progress-screen .screen-container .title-message {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 100px; }

actions {
  margin-top: auto; }

.flex {
  display: flex; }

.ui-select-match.btn-default-focus span.ui-select-toggle {
  outline: 2px solid var(--outline-color) !important;
  border: none !important; }
/**
 * Container class of the 'ssp-roles-management' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ssp-manage-roles-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.ssp-manage-roles-container .ssp-tree-node-side-menu {
  padding-left: 5px; }

.ssp-manage-roles-container .container-fluid {
  padding-top: 10px; }

.ssp-manage-roles-container .total-roles {
  margin-top: -26px; }

.ssp-manage-roles-container .roles-list .ssp-ui-grid-row {
  cursor: pointer; }

.add-role {
  width: 1000px; }
  .add-role .role-name-box {
    clear: both; }
  .add-role .role-name-input {
    margin-right: 30px;
    width: 400px; }
  .add-role .role-disable toggle-switch {
    margin-top: 7px; }
  .add-role .container-role-tasks {
    width: 100%;
    clear: both; }
  .add-role .role-task-content {
    display: flex;
    padding: 5px 0 0 0; }
  .add-role task-content {
    width: 75%;
    background: #fff;
    max-height: 400px;
    overflow: auto; }
  .add-role .role-tab {
    height: 40px;
    position: relative;
    border-top: 2px solid #CFD4D6;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    cursor: pointer; }
    .add-role .role-tab .number-tasks {
      position: absolute;
      right: 10px; }
  .add-role task-sidebar.active .role-tab {
    background: #fff;
    border-right: 1px solid #F6F6F6; }
    .add-role task-sidebar.active .role-tab .blue-mark {
      width: 10px;
      height: 40px;
      background: #8564de;
      position: absolute;
      left: 0; }
    .add-role task-sidebar.active .role-tab .triangle-right {
      width: 0;
      height: 0;
      border-top: 11px solid transparent;
      border-bottom: 11px solid transparent;
      border-left: 11px solid #F6F6F6;
      position: absolute;
      right: -11px; }
    .add-role task-sidebar.active .role-tab .inner-triangle {
      position: relative;
      top: -8px;
      left: -11px;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 8px solid #fff; }
  .add-role .task-content {
    padding: 20px 5px 0 30px;
    min-height: 350px; }
    .add-role .task-content .permissions-tasks-content {
      border-top: 2px solid #EEEEEE;
      padding: 5px 0 0 0;
      margin: 18px 0 0 20px; }
      .add-role .task-content .permissions-tasks-content label {
        font-size: 12px; }
    .add-role .task-content .permissions-tasks-children {
      margin: 15px 0 20px 20px; }
    .add-role .task-content .text-left.h8 {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 14px; }
  .add-role .add-another-role-check {
    margin-right: 40px;
    display: inline-block; }
  .add-role .role-tab-sidebar {
    width: 25%;
    background: #EEEEEE;
    margin-right: 10px; }
  .add-role .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1; }
  .add-role .tooltiptext {
    display: none;
    width: 162px;
    background-color: #fff;
    border: 1px solid #eeee;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: -65px;
    left: -72px;
    font-size: 11px; }
  .add-role .tooltip:hover .tooltiptext {
    display: block; }
  .add-role .tooltiptext:after, .add-role .tooltiptext:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .add-role .tooltiptext:after {
    border-color: rgba(238, 238, 238, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px; }
  .add-role .tooltiptext:before {
    border-color: rgba(238, 238, 238, 0);
    border-top-color: #eee;
    border-width: 11px;
    margin-left: -11px; }
  .add-role .buttons-box-add-role {
    display: flex;
    align-items: center; }
  @media screen and (max-width: 1024px) {
    .add-role {
      width: 700px; } }

.status-manage-roles {
  margin-left: 5px;
  line-height: 40px; }

.popover-content.manage-roles .btn.btn-default {
  display: none; }

.task-sidebar {
  outline-color: var(--outline-color); }

task-content [type='checkbox'] + label:focus {
  outline: none; }

task-content [type='checkbox'] + label:focus:before {
  outline: 2px solid var(--outline-color); }

task-content input[type="checkbox"] {
  display: none; }

check-box input {
  display: none; }

check-box:focus {
  outline: none; }

check-box:focus [type="checkbox"] + label:before {
  outline: 2px solid var(--outline-color); }

task-sidebar a:hover,
task-sidebar a:focus {
  text-decoration: none;
  color: initial; }

@media screen and (max-width: 1024px) {
  .ssp-popover-modal {
    max-width: 750px !important; } }
/**
 * Container class of the 'usa-um-manage-users' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .usa-um-manage-users-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.change-password .form-group {
  margin-bottom: 10px; }

.change-password .hiddenMessage {
  display: block;
  visibility: hidden; }

.change-password form {
  float: none;
  margin: auto; }

.usa-um-manage-users-container .top-action-bar-container {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0; }
  .usa-um-manage-users-container .top-action-bar-container button {
    padding: 5px 10px; }

.usa-um-manage-users-container .filter-table-row {
  display: flex; }
  .usa-um-manage-users-container .filter-table-row .user-filters {
    padding-top: 10px;
    flex-grow: 1;
    margin-left: -20px; }
    .usa-um-manage-users-container .filter-table-row .user-filters #ssp-filter-panel {
      min-width: 70px; }
  .usa-um-manage-users-container .filter-table-row .user-table {
    flex-grow: 3;
    width: 100%;
    overflow: auto; }

.manage-user-form .search-box .ui-select-multiple.ui-select-bootstrap {
  border-radius: 4px;
  border-color: black;
  padding: 0 !important; }
  .manage-user-form .search-box .ui-select-multiple.ui-select-bootstrap:before {
    content: '';
    position: relative; }
  .manage-user-form .search-box .ui-select-multiple.ui-select-bootstrap span.ui-select-match {
    padding: 6px 12px 0;
    width: 100%;
    display: block; }
  .manage-user-form .search-box .ui-select-multiple.ui-select-bootstrap input {
    padding: 6px 12px; }

@media screen and (max-width: 1024px) {
  .manage-user-form {
    max-width: 500px; } }

.manage-users-role-popover-link {
  text-transform: lowercase; }

.manage-user-roles-popover ul {
  padding: 0; }
  .manage-user-roles-popover ul li {
    list-style-type: none; }

.last-login-field {
  display: flex;
  justify-content: flex-end; }

.ssp-users-roles-list-link, .ssp-users-roles-list-link:hover {
  color: black; }

check-box [type='checkbox'] + label:focus {
  outline: none; }

check-box [type='checkbox'] + label:focus:before {
  outline: 2px solid var(--outline-color); }

ssp-search-box:focus {
  outline: 2px solid var(--outline-color); }

ssp-search-box input[type='search']:focus {
  border: initial !important;
  outline: none !important; }

ssp-search-box:has(input:focus) div.ui-select-container {
  outline: 2px solid var(--outline-color); }
/**
 * Container class of the 'candidate-manager' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .candidate-manager-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.candidate-writein .title-module {
	font-weight:bold;
    padding-bottom:5px;
    padding-top:25px;
    font-size: 12px;
}

.candidate-writein .line-title {
	font-weight:bold;
    padding-bottom:5px;
    font-size: 11px;
}

.candidate-writein .checkbox-title{
	padding-top: 20px;
    font-size: 16px;
}


.candidate-writein .political-party-logo {
    border-radius: 50%;
    height: 22px;
    width:  22px;
}

.candidate-writein .logo-cell-fix {
    margin-left: 10px;
}

.candidate-writein  .win-modal{
    z-index: 99000 !important;
}

.candidate-writein .txt-incumbent{
    font-size: 16px;
    font-weight: bold;
}

candidate-writein [type="checkbox"], candidate-writein label {
    margin-bottom: 5px !important;
}

#view-form-writein .img-party, .logo-cell .img-party {
    max-width: 32px;
    max-height: 32px;
}



#view-form-writein {
    width:      600px;
}

.candidate-writein  .h29 {
    padding-bottom: 5px;
}

.candidate-writein  select, .candidate-writein select option {
  color: #000000;
}

.candidate-writein  select:invalid, .candidate-writein select option[value=""] {
  color: #80808069;
}

.candidate-writein  [hidden] {
  display: none;
}

.candidate-writein .list-paginator button.ng-binding:disabled {
    border: 1px solid #000000;
    background: #ffffff;
    margin-right: 2px;
    font-weight: bold;
}

.candidate-writein .txt-img{
    text-align: right;
    padding-top: 32px;
}


.candidate-writein .text-danger div{
    position: absolute;
    right: 20px;
    background: aliceblue;
    max-width: 264px;
 }/**
 * Container class of the 'ecs-header-management' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ecs-header-management-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
/* .ecs-header-management-container  {
    
 }*/
add-header-form, edit-header-form {
  display: block;
  width: 750px; }
  @media screen and (min-width: 1200px) {
    add-header-form, edit-header-form {
      width: 900px; } }
  @media screen and (max-width: 1024px) {
    add-header-form, edit-header-form {
      width: 500px; } }
  add-header-form ssp-contextual-box .ssp-contextual-box, edit-header-form ssp-contextual-box .ssp-contextual-box {
    margin-top: 20px; }
  add-header-form form label, edit-header-form form label {
    margin-bottom: 5px; }
  add-header-form form .constest-selection, edit-header-form form .constest-selection {
    display: grid;
    grid-template-columns: 60% calc(40% - 1em);
    grid-column-gap: 1em; }
    add-header-form form .constest-selection .contest-search-panel, edit-header-form form .constest-selection .contest-search-panel {
      border: 1px solid #030303;
      border-radius: 3px;
      padding-bottom: 5px; }
      add-header-form form .constest-selection .contest-search-panel .search, edit-header-form form .constest-selection .contest-search-panel .search {
        display: grid;
        grid-template-columns: 75% 25%;
        padding: 8px; }
        add-header-form form .constest-selection .contest-search-panel .search .search-box span.form-control, edit-header-form form .constest-selection .contest-search-panel .search .search-box span.form-control {
          height: 34px !important; }
        add-header-form form .constest-selection .contest-search-panel .search .contest-count, edit-header-form form .constest-selection .contest-search-panel .search .contest-count {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end; }
      add-header-form form .constest-selection .contest-search-panel .header-contest-search-results .not-available-contests-warning, edit-header-form form .constest-selection .contest-search-panel .header-contest-search-results .not-available-contests-warning {
        margin: 5px; }
    add-header-form form .constest-selection .contest-search-selected, edit-header-form form .constest-selection .contest-search-selected {
      background-color: #e5e5e5;
      border: 1px solid #a5a2a2;
      border-radius: 3px; }
      add-header-form form .constest-selection .contest-search-selected .contest-selected, edit-header-form form .constest-selection .contest-search-selected .contest-selected {
        display: grid;
        grid-template-rows: 52px auto; }
        add-header-form form .constest-selection .contest-search-selected .contest-selected .info, edit-header-form form .constest-selection .contest-search-selected .contest-selected .info {
          display: flex;
          align-items: center;
          border-bottom: 1px solid #a5a2a2; }
        add-header-form form .constest-selection .contest-search-selected .contest-selected > div, edit-header-form form .constest-selection .contest-search-selected .contest-selected > div {
          padding: 20px 15px; }
    add-header-form form .constest-selection .header-contest-search-results, edit-header-form form .constest-selection .header-contest-search-results {
      height: 310px;
      overflow-y: auto;
      overflow-x: hidden; }
  add-header-form form .form-buttons, edit-header-form form .form-buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-content: flex-end; }
    add-header-form form .form-buttons button, edit-header-form form .form-buttons button {
      margin-left: 25px; }
/**
 * Container class of the 'rms-scan-ballots' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .rms-scan-ballots-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.rms-scan-ballots-container .title-module {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 10px;
}
.rms-scan-ballots-container .row-base{
    padding-right: 10px;
}
.rms-scan-ballots-container .top-title {
    padding-top: 100px;
}

.rms-scan-ballots-container .info {
    background: #eeeeee;
    height: 500px;
}

.rms-scan-ballots-container .info .box-1 {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
}

.rms-scan-ballots-container .info .box-2 {
    width: 100%;
    background: #E0E0E0;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.rms-scan-ballots-container .info .box-3 {
    width: 100%;
    background: #4f23c9;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: white;
}

.rms-scan-ballots-container .info .box-device {
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border-top: #E0E0E0 2px solid;
    margin-top: 15px;
}

.rms-scan-ballots-container .info .box-4 {
    width: 100%;
    border-bottom: #E0E0E0 2px solid;
    text-align: center;
    padding: 5px;
}

.rms-scan-ballots-container .info .box-1 p, .rms-scan-ballots-container .info .box-2 p,
.rms-scan-ballots-container .info .box-3 p, .rms-scan-ballots-container .info .box-4 p {
    font-weight: bold;
}

.rms-scan-ballots-container .info .box-1 b, .rms-scan-ballots-container .info .box-2 b,
.rms-scan-ballots-container .info .box-3 b, .rms-scan-ballots-container .info .box-4 b {
    font-size: 25px;
}


.rms-scan-ballots-container  .content-1 {
    min-height: 150px;
    margin: 20px;
}

.rms-scan-ballots-container  .content-2 {
    padding: 5px;
    min-height: 50px;
    font-size: 20px;
    font-weight: 600;
}

.rms-scan-ballots-container .content-img img{
    width: 314px;
    height: 254px;
}

.rms-scan-ballots-container .info .report-title {
    padding: 20px;
    text-align: center;
    font-weight: bold;
}

.rms-scan-ballots-container .info .report-body {
    width: 100%;
    min-height: 390px;
    max-height: 390px;
    overflow: auto;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
    padding: 5px;
    padding-top: 10px;
}

.rms-scan-ballots-container .info .bCenter {
    font-weight: bold;
    text-align: center;
}

.rms-scan-ballots-container .info .bLeft {
    font-weight: bold;
    text-align: left;
}

.rms-scan-ballots-container .info .pRight {
    text-align: right;
}

.rms-scan-ballots-container .content-btn{
    padding: 20px;
    padding-left: 25%;
}

.rms-scan-ballots-container .classDoc1{
    background: #f6f6f6;
}

.rms-scan-ballots-container .classDoc2{
    background: #eee;
}

.rms-scan-ballots-container .scroll::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.rms-scan-ballots-container .scroll::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
.rms-scan-ballots-container .scroll::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
.rms-scan-ballots-container .scroll::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
.rms-scan-ballots-container .scroll::-webkit-scrollbar-thumb:active {
    background: #555555;
  }
.rms-scan-ballots-container .scroll::-webkit-scrollbar-track {
    background: #c0c0c0;
    border: 0px none #ffffff;
    border-radius: 39px;
  }
.rms-scan-ballots-containerr .scroll::-webkit-scrollbar-track:hover {
    background: #666666;
  }
.rms-scan-ballots-container .scroll::-webkit-scrollbar-track:active {
    background: #c0c0c0;
  }
.rms-scan-ballots-container .scroll::-webkit-scrollbar-corner {
    background: transparent;
  }/**
 * Container class of the 'rms-ccos-management' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ccos-management-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.spinner-loader-outer-container {
    z-index: 1200;
    position: fixed;
    margin-top: -150px;
    margin-left: 50px;
}
#reset-overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1100;
}
.ccos-management-container ssp-table-view .title-container {
    margin-top: 25px;
}

.ccos-management-container .title-module {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 10px;
}

.ccos-management-container .wizard-base {
    margin-top: 5px;
    margin-bottom: 5px;
}

ccos-management-container a {
    padding: 5px;
    display: inline-block;
    text-decoration: underline;
    color: #008CBA;
}

.ccos-management-container .add-issue-contest {
    margin: 8px 0;
}

.ccos-management-container .hide-overflow {
    overflow: hidden;
}

#delete-batch-user-authentication {
    width: 350px;
    min-height: 215px;
}/**
 * Container class of the 'ssp-pea-risk-limiting-audits' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ssp-pea-risk-limiting-audits-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.ssp-pea-risk-limiting-audits-container .form-group {
    margin-bottom: 10px;
}

.ssp-pea-risk-limiting-audits-container form label {
    margin-bottom: 10px;
}

.ssp-pea-risk-limiting-audits-container .text-danger {
    font-size: 10px;
}

.ssp-pea-risk-limiting-audits-container .button-wrapper {
    display: flex;
    word-break: break-word;
    padding: 5px;
    border-top: 1px solid #e6e6e6;
}


.ssp-pea-risk-limiting-audits-container .label-inline {
    margin-right: 20px;
    position: relative;
    top: 4px;
    left: -4px;
}

.ssp-pea-risk-limiting-audits-container .divider{
    border: none;
    border-bottom: 1px solid #ccc;
    margin-top: 1em;
    margin-bottom: 1em;
}

.ssp-pea-risk-limiting-audits-container .row-m40{
    min-width: 120px;
}

.ssp-pea-risk-limiting-audits-container .col-p10{
    padding-top: 10px;
    padding-bottom: 10px;
}

.ssp-pea-risk-limiting-audits-container .row-m10{
    margin-top: 10px;
}

.ssp-pea-risk-limiting-audits-container .row-m30{
    margin-top: 30px;
}

.ssp-pea-risk-limiting-audits-container .text-disabled{
    color: #e0e0e0;
}

.ssp-pea-risk-limiting-audits-container radio-button > .labels:focus{
    outline: -webkit-focus-ring-color auto 0px;
}


.ssp-pea-risk-limiting-audits-container  .search-box .ui-select-multiple.ui-select-bootstrap {
    border-radius: 4px;
    border-color: #4f23c9;
    padding: 0 !important;
}

.ssp-pea-risk-limiting-audits-container .search-box .ui-select-multiple.ui-select-bootstrap span.ui-select-match {
    padding: 6px 12px 0;
    width: 100%;
    display: block;
}

.ssp-pea-risk-limiting-audits-container .search-box .ui-select-multiple.ui-select-bootstrap input {
    padding: 6px 12px;
}

.ssp-pea-risk-limiting-audits-container .ui-select-container::before{
    content:'';
}

.ssp-pea-risk-limiting-audits-container toggle-switch{
    top: 15px;
    left: 10px;
}

.ssp-pea-risk-limiting-audits-container .all {
    padding-left: 20px;
    font-size: 11px;
    font-weight: bold;
}

.ssp-pea-risk-limiting-audits-container .ui-select-container > div {
    max-height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}


.ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-thumb:active {
    background: #555555;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-track {
    background: #c0c0c0;
    border: 0px none #ffffff;
    border-radius: 39px;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-track:hover {
    background: #666666;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-track:active {
    background: #c0c0c0;
  }
  .ssp-pea-risk-limiting-audits-container .ui-select-container > div::-webkit-scrollbar-corner {
    background: transparent;
  }
  .download-rla-modal > .sm-text-download-pdf {
      font-weight: 600;
      font-size: 14px;
      position: relative;
      top: -10px;
  }
  .download-rla-modal div.space-vertical > div:first-child {
    margin-top: 20px;
  }
  .download-rla-modal div.space-vertical > div:not(:first-child) {
    margin-top: 10px;
  }
  .download-rla-modal div.space-vertical label {
    cursor:         pointer;
    font-weight:    normal !important;
  }
  .download-rla-modal div.space-vertical label:focus-visible {
    outline:        solid 2px var(--outline-color) !important;
    outline-offset: 2px;
  }/**
 * Container class of the 'rms-enable-result-monitor' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .rms-enable-result-monitor-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */

.rms-enable-result-monitor-container {
    margin-left: -35px;
    margin-right: -35px;
}

.rms-enable-result-monitor-container .wizard-base{
    margin-top: 20px;
    margin-bottom: 20px;
}

.manual-tally-container #wizard-entry{
    position: inherit;
}

.rms-enable-result-monitor-container .col-md-4 {
    margin-left: 4rem;
}

@media screen and (max-height: 768px) {
    rms-enable-result-monitor .wizard-step-description {
        margin-top: 70px;
    }
    rms-enable-result-monitor .rms-enable-result-monitor-container .wizard-base {
        margin-top: -70px;
    }
    rms-enable-result-monitor .ssp-wizard-start-description-section {
        margin-bottom: 30px;
    }
    rms-enable-result-monitor #wizard-entry .start-btn > .mt-40 {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .rms-enable-result-monitor-container #wizard-entry {
        overflow-y: auto !important;
        left: 0 !important;
        width: 100% !important;
    }

    .rms-enable-result-monitor-container .wizard-base {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .rms-enable-result-monitor-container #wizard-entry .ssp-wizard-ul {
        padding-bottom: 1.5em;
        padding-left: 1.5em;
    }

    .rms-enable-result-monitor-container #wizard-entry .ssp-wizard-li-page-to-do:not(:first-child)::before {
        left: 2.25em !important;
    }

    .rms-enable-result-monitor-container #wizard-entry .ssp-wizard-li {
        margin-bottom: 1em !important;
    }

    .rms-enable-result-monitor-container #wizard-entry .ssp-wizard-header-item-page {
        font-size: 1.25rem !important;
    }

    .rms-enable-result-monitor-container .col-md-4 {
        margin-left: 0;
    }
}.system-info .capitalize {
    text-transform: capitalize;
}

.system-info .pointer {
    cursor: pointer;
}

.system-info .no-padding {
    padding: 0 !important;
}

.system-info .no-padding-left {
    padding-left: 0 !important;
}

.system-info .edit-btn {
    font-size: 1.1em;
}

.system-info .system-info-content {
    margin-top: -2em;
}

.system-info .system-info-tab-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.system-info .system-info-tab-menu-header {
    margin-left: 1em;
    font-weight: bold;
}

.system-info ul.system-info-tab-menu li {
    padding: 8px;
    font-weight: bold;
    background-color: #f6f6f6;
    border-top: 1px solid #ccc;
    border-left: 5px solid #f6f6f6;
}

.system-info ul.system-info-tab-menu li.active {
    background-color: #fff;
    border-left: 5px solid #4f23c9;
}

.system-info .system-info-view {
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 1.4em;
    padding: 8px;
}
.system-info .system-info-view-params {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin-top: 1.4em;
}

.system-info  .params-group {
    background-color:   #fff;
    border-top:         1px solid #ccc;
    padding:            10px;
}
.system-info  .params-group-header {
    font-size:          1.2em;
    font-weight:        bold;
    margin-bottom:      1em;
}
.system-info .param-row {
    padding: .5em !important;
}

.system-info .param-name {
    font-weight: bold;
}

.system-info .param-value {
    font-size: 1.1em;
}

.system-info .param-input {
    padding: 4px;
    font-size: .9em !important;
    width: 100% !important;
    color: rgb(140, 140, 140) !important;
}

.system-info ul.param-options {
    padding: 0;
    margin: 0;
    list-style: none;
}

.system-info .invalid-message {
    color: red;
    text-align: right;
}

.system-info .invalid-input {
    border: 1px solid red;
}

.system-info .param-label {
    margin-top: .5em;
}

.system-info .disabled-textbox {
    border: 1px solid #ccc !important;
    color: rgb(160, 160, 160) !important;
}
.hiddenMessage {
    visibility:     hidden;
    display:        block !important;
}

#jurisdiction-logo .logo-image-container {
    border:         1px solid transparent;
    border-radius:  4px;
    height:         70px;
    margin-top:     5px;
    width:          70px;
}
#jurisdiction-logo .logo-image-container.isLoading {
    cursor:         wait;
}
#jurisdiction-logo .logo-image-container.invalid {
    border-color:   red !important;
}
#jurisdiction-logo .logo-image-container:focus {
    border-color:   rgb(77, 144, 254);
    box-shadow:     inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline:        0;
}
#jurisdiction-logo .logo-image-container > img {
    border-radius:  50%;
    display:        block;
    height:         100%;
    width:          100%;
    margin:         auto;
    vertical-align: middle;
}
#jurisdiction-logo .logo-image-container + div {
    width:          250px;
}
#jurisdiction-logo .logo-image-container > img:focus {
    border: none;
    outline: 2px solid var(--outline-color);
}

a.no-link:hover {
    color: initial !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-color: transparent !important;
}.export-logs-btn {
    color: var(--purple-60) !important;
}

radio-button:focus {
    outline: none;
}

radio-button:focus input[type='radio'] + span.checkmark {
    outline: 2px solid var(--outline-color);
}/*
 * styles.css
 *
 * Copyright (c) 2022 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

.system-logs-content {
    margin-top:     120px;
}
.system-logs-content p {
    text-align:     center;
    margin-top:     20px;
}
.system-logs-content p:not(:first-child) {
    margin-top:     20px;
}
.system-logs-content p.description {
    margin-left:    auto;
    margin-right:   auto;
    width:          75%;
}
.spinner-loader-outer-container-report {
    z-index: 1200;
    position: fixed;
    margin-top: -75px;
    margin-left: -50px;
    left: 50%;
    top: 50%;
}

/*
 * styles.css
 *
 * Copyright (c) 2022 Smartmatic Intl.
 * 1001 Broken Sound Parkway NW, Suite D
 * Boca Raton FL 33487, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Smartmatic Intl. ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with Smartmatic Intl.
 */

.device-logs-content {
    margin-top:     120px;
}
.device-logs-content p {
    text-align:     center;
    margin-top:     20px;
}
.device-logs-content p:not(:first-child) {
    margin-top:     20px;
}
.device-logs-content p.description {
    margin-left:    auto;
    margin-right:   auto;
    width:          75%;
}/* 
 * NOTE: the following CSS styles are required to overlap
 * the ssp-nav-table over the top-action-bar! These make the UI
 * more condesed and less spread ...
 */
ecs-precincts top-action-bar > br[style="clear:both;"] {
    display: none;
}
ecs-precincts ssp-nav-table > .breadcrumb-container {
    position: relative;
    width:    80%;
}
ecs-precincts ssp-nav-table > div[class~="ssp-nav-table"] {
    position: relative;
}

#add-precinct-form .custom-code-hint {
    display:       block;
    margin-bottom: 5px;
}

#edit-precinct-form .custom-code-hint {
    display:       block;
    margin-bottom: 5px;
}

#add-precinct-form .ssp-contextual-box, 
#edit-precinct-form .ssp-contextual-box,
#split-precinct-form .ssp-contextual-box {
    margin-bottom: 15px;
}
#add-precinct-form form label, 
#edit-precinct-form form label,
#split-precinct-form form label {
    margin-bottom: 5px;
}
#add-precinct-form .form-group, 
#edit-precinct-form .form-group,
#split-precinct-form .form-group {
    margin-bottom: 5px;
}
#precinct-viewport .ssp-tree .table-body .grid-columns{
    display: grid;
    grid-template-columns: 33% 26% 15.7% 16.3%;
}
#precinct-viewport .ssp-tree .table-body .grid-columns .split-precinct{
    display: grid;
    grid-template-columns: 31.7% 63.3%;
}/* 
 * NOTE: the following CSS styles are required to overlap
 * the ssp-nav-table over the top-action-bar! These make the UI
 * more condesed and less spread ...
 */
usa-ecs-precincts top-action-bar > br[style="clear:both;"] {
    display: none;
}
usa-ecs-precincts ssp-nav-table > .breadcrumb-container {
    position: relative;
    width:    80%;
}
usa-ecs-precincts ssp-nav-table > div[class~="ssp-nav-table"] {
    position: relative;
}



#add-precinct-form {
    width: 590px;
}
#add-precinct-form .custom-code-hint {
    display:       block;
    margin-bottom: 5px;
}
#edit-precinct-form .custom-code-hint {
    display:       block;
    margin-bottom: 5px;
}


#add-precinct-form .ssp-contextual-box,
#edit-precinct-form .ssp-contextual-box,
#split-precinct-form .ssp-contextual-box {
    margin-bottom: 15px;
}
#add-precinct-form form label, 
#edit-precinct-form form label,
#split-precinct-form form label {
    margin-bottom: 5px;
}
#add-precinct-form .form-group, 
#edit-precinct-form .form-group,
#split-precinct-form .form-group {
    margin-bottom: 5px;
}
#precinct-viewport .ssp-tree .table-body .grid-columns{
    display: grid;
    grid-template-columns: 33% 26% 15.7% 16.3%;
}
#precinct-viewport .ssp-tree .table-body .grid-columns .split-precinct{
    display: grid;
    grid-template-columns: 31.7% 63.3%;
}#manage-provisioning .table-filter {
    height: 30px;
    min-width: 150px;
    padding: 3px 12px;
}

#manage-provisioning .top-action-bar-row .bar-tools {
    margin-left: 15px;
}

#manage-provisioning .last-table-column {
    padding-top: 5px;
    margin-right: 35px;
}

#manage-provisioning .content-with-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

#manage-provisioning .create-media-confirmation {
    text-align: center;
    margin-top: 10%;
}

#manage-provisioning .create-media-confirmation .description-area {
    margin-top: 20px;
}

#manage-provisioning .create-media-confirmation .buttons-area {
    margin-top: 20px;
}

#manage-provisioning .image-center {
    display: block;
    margin: 0 auto;
}

#manage-provisioning .burn-stage-header {
    padding: 1em;
    border-bottom: 1px solid #ccc;
}

#manage-provisioning #circularProgressBar .taskGraph {
    padding-right: 1em !important;
}

#manage-provisioning .burn-stage-header-title {
    margin-top: 2em;
    float: left;
}

#manage-provisioning .burn-stage-content {
    margin-top: 4em;
}

#manage-provisioning .burn-stage-text {
    font-size: 1.3em;
    text-align: center;
    width: 50%;
    margin: auto;
}

#manage-provisioning .burn-stage-usb {
    width: 40px;
    margin: 4em auto 0;
}

#manage-provisioning .ssp-icon.ssp-icon-40.ssp-add-icon {
    margin: 0 !important;
}

#manage-provisioning .ssp-icon.ssp-icon-40.ssp-success-small {
    margin-left: -2em !important;
}

#manage-provisioning .ssp-icon.ssp-icon-40.ssp-error {
    margin-bottom: 10px;
}

#manage-provisioning .burn-stage-done-btn {
    margin-top: 3em;
    text-align: center;
}

#manage-provisioning .usb {
    margin: 3em auto;
}

#manage-provisioning .create-media-confirmation-btn {
    margin-top: 5em;
    text-align: center;
}

#add-provisioning-modal form label {
    margin-bottom: 5px;
}


/* Provisioning Passphrase: */
#p10g-passphrase-modal .contextual-box {
    margin-top: 4px;
}
#p10g-passphrase-modal .passphrase {
    padding: 2em;
    margin: .5em 0 .5em 0;
    text-align: center;
    letter-spacing: 5px;
    border: 1px solid #4f23c9;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 5px;
}

@media screen {
    #p10g-passphrase-modal .printable {
        display:    none;
    }
}
@media print {
    @page {
        size: auto;   /* auto is the initial value */
        margin: 0;    /* this affects the margin in the printer settings */
    }
    body * {
        visibility: hidden;
    }
    #p10g-passphrase-modal .printable {
        display:    block;
        height:     38cm;
        left:       -10cm;
        position:   fixed;
        top:        -15cm;
        visibility: visible;
        width:      28cm;
    }
    #p10g-passphrase-modal .printable * {
        visibility: visible;
    }
    #p10g-passphrase-modal .printable > .header {
        font-size:   30px;
        font-weight: bold;
        height:      50px;
        left:        0;
        position:    absolute;
        text-align:  center;
        top:         0;
        width:       100%;
    }
    #p10g-passphrase-modal .printable > .content {
        left:     0;
        position: absolute;
        top:      18cm;
        width:    100%;
    }
    #p10g-passphrase-modal .content .centered {
        left:          50%;
        margin:        auto;
        position:      absolute;
        top:           50%;
        transform:     translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    #p10g-passphrase-modal .content .centered.passphrase {
        border:         2px solid #4f23c9;
        border-radius:  20px;
        font-weight:    bold;
        font-size:      1.5em;
        letter-spacing: 5px;
        padding:        2em;
        text-align:     center;
        width:          500px;
    }
    #p10g-passphrase-modal .printable > .footer {
        bottom:        0;
        display:       grid;
        font-size:     20px;
        grid-template-columns: 50% 50%;
        left:          0;
        position:      absolute;
        width:         100%;
    }
    #p10g-passphrase-modal .printable > .footer {
        bottom:        0;
        display:       grid;
        font-size:     20px;
        grid-template-columns: 100%;
        left:          0;
        position:      absolute;
        row-gap:       0px;
        width:         100%;
    }
    #p10g-passphrase-modal .printable > .footer > .hash-info {
        text-align:    center;
    }
    #p10g-passphrase-modal .printable > .footer > .page-info {
        text-align:    left;
    }
}

@media screen and (max-width: 1024px) {
    #manage-provisioning .top-action-bar-row {
        grid-template-columns: 95% 5% !important;
    }
}
div#reset-results {
    text-align: center;
    margin-top: 10%;
}

.spinner-loader-outer-container {
    z-index: 1200;
    position: fixed;
    margin-top: -150px;
    margin-left: 50px;
}
#reset-overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1100;
}#edit-election-event .cancel-btn {
    margin-right: 15px;
}

/**
 * Container class of the 'ecs-manage-contest-tag' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ecs-header-management-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.add-contest-tag-form,
.edit-contest-tag-form {
  display: block; }
  .add-contest-tag-form ssp-contextual-box .ssp-contextual-box,
  .edit-contest-tag-form ssp-contextual-box .ssp-contextual-box {
    margin-top: 20px; }
  .add-contest-tag-form form label,
  .edit-contest-tag-form form label {
    margin-bottom: 5px; }
  .add-contest-tag-form form .constest-selection,
  .edit-contest-tag-form form .constest-selection {
    display: grid;
    grid-template-columns: 60% calc(40% - 1em);
    grid-column-gap: 1em;
    height: 350px; }
    .add-contest-tag-form form .constest-selection .contest-search-panel,
    .edit-contest-tag-form form .constest-selection .contest-search-panel {
      border: 1px solid #030303;
      border-radius: 3px;
      padding-bottom: 5px;
      height: 348px; }
      .add-contest-tag-form form .constest-selection .contest-search-panel .search,
      .edit-contest-tag-form form .constest-selection .contest-search-panel .search {
        display: grid;
        grid-template-columns: 100%;
        padding: 8px; }
        .add-contest-tag-form form .constest-selection .contest-search-panel .search .search-box span.form-control,
        .edit-contest-tag-form form .constest-selection .contest-search-panel .search .search-box span.form-control {
          height: 34px !important; }
        .add-contest-tag-form form .constest-selection .contest-search-panel .search .contest-count,
        .edit-contest-tag-form form .constest-selection .contest-search-panel .search .contest-count {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end; }
      .add-contest-tag-form form .constest-selection .contest-search-panel .header-contest-search-results .not-available-contests-warning,
      .edit-contest-tag-form form .constest-selection .contest-search-panel .header-contest-search-results .not-available-contests-warning {
        margin: 5px; }
    .add-contest-tag-form form .constest-selection .contest-search-selected,
    .edit-contest-tag-form form .constest-selection .contest-search-selected {
      background-color: #e5e5e5;
      border: 1px solid #a5a2a2;
      border-radius: 3px;
      overflow-y: auto;
      height: 348px; }
      .add-contest-tag-form form .constest-selection .contest-search-selected .contest-selected,
      .edit-contest-tag-form form .constest-selection .contest-search-selected .contest-selected {
        display: grid;
        grid-template-rows: 52px auto; }
        .add-contest-tag-form form .constest-selection .contest-search-selected .contest-selected .info,
        .edit-contest-tag-form form .constest-selection .contest-search-selected .contest-selected .info {
          display: flex;
          align-items: center;
          border-bottom: 1px solid #a5a2a2; }
        .add-contest-tag-form form .constest-selection .contest-search-selected .contest-selected > div,
        .edit-contest-tag-form form .constest-selection .contest-search-selected .contest-selected > div {
          padding: 20px 15px; }
    .add-contest-tag-form form .constest-selection .header-contest-search-results,
    .edit-contest-tag-form form .constest-selection .header-contest-search-results {
      height: 294px;
      overflow-y: auto;
      overflow-x: hidden; }
  .add-contest-tag-form form .form-buttons,
  .edit-contest-tag-form form .form-buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-content: flex-end; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }
.add-or-edit-contest-configuration-form form .office-selection {
    display: grid;
    grid-template-columns: 60% calc(40% - 1em);
    grid-column-gap: 1em;
    height:350px;
}
.add-or-edit-contest-configuration-form form .office-selection .office-search-panel {
    border: 1px solid #030303;
    border-radius: 3px;
    padding-bottom: 5px;
    height: 348px;
}
.add-or-edit-contest-configuration-form form .office-selection .office-search-panel .search {
    display: grid;
    grid-template-columns: 65% 35%;
    padding: 8px;
}
.add-or-edit-contest-configuration-form form .office-selection .office-search-panel .search-box span.form-control {
    height: 34px !important;
}
.add-or-edit-contest-configuration-form form .office-selection .office-search-panel .search .office-count {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.add-or-edit-contest-configuration-form form .office-selection .office-search-panel .header-office-search-results {
    height: 294px;
    overflow-y: auto;
    overflow-x: hidden;
}
.header-office-search-results .not-available-office-warning {
    margin: 5px;
}
.add-or-edit-contest-configuration-form form .office-search-selected {
    background-color: #e5e5e5;
    border: 1px solid #a5a2a2;
    border-radius: 3px;
    overflow-y: auto;
    height: 348px;
}
.add-or-edit-contest-configuration-form form .office-search-selected .office-selected {
    display: grid;
    grid-template-rows: 52px auto;
}
.add-or-edit-contest-configuration-form form .office-search-selected .office-selected .info {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #a5a2a2;
    padding: 20px 15px;
}.flex {
  display: flex; }
  .flex-col {
    flex-direction: column; }
  .flex-row {
    flex-direction: row; }

.justify-between {
  justify-content: space-between; }

.justify-start {
  justify-content: start; }

.justify-center {
  justify-content: center; }

.bordered {
  border: 1px solid #cedbdf;
  border-radius: 5px; }

.p-4 {
  padding: 1rem; }

.pb-2 {
  padding-bottom: 4px; }

.gap-20\% {
  gap: 20%; }

.gap-1rem {
  gap: 1rem; }

.select-file-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none; }

/* Loading */
.loading {
  position: fixed;
  z-index: 1209;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #00000050; }

.spinner-loader-outer-container {
  position: relative;
  z-index: 1208;
  top: 50%;
  left: 50%;
  right: auto;
  margin-left: -75px; }
.device-users-bulk-import .data-import {
    margin-top: -10px;
}

.password-container.password-show-hide-icons {
    position: absolute;
    right: 25px;
    top: 34px;
}

.password-container.password-show-hide-icons:hover {
    cursor: pointer;
}

#device-user-create-form form label,
#device-user-view-modal form label {
    margin-bottom: 5px;
}.selected-reports-panel {
  border: solid 1px #9b9b9b;
  background-color: #f3f3f3;
  height: 150px;
  overflow-y: auto;
  border-radius: 4px; }

.selected-reports-list {
  padding: 10px; }

.selected-reports-title {
  padding: 10px 5px;
  border-bottom: solid 1px black;
  min-height: 45px; }

.template-body {
  background: #525659;
  padding: 5px 100px 5px 82px;
  width: 500px;
  height: 300px; }

.template-page {
  background: #fff;
  width: 100%;
  height: 300px; }

.spinner-loader-outer-container-report {
  z-index: 1200;
  position: fixed;
  margin-top: -75px;
  margin-left: -50px;
  left: 50%;
  top: 50%; }

.ballot-design-gen-filter-header {
    border-radius: 0 3px 0 0;
    background-color: #e9eaeb;
    padding: 10px 10px 10px 35px;
    cursor: pointer;
}

.ballot-design-gen-filter-header-open {
    background-color: #fff;
}

.ballot-design-gen-disabled-text {
    color: #a2a3ac;
}

.ballot-design-gen-filter-item {
    cursor: pointer;
    padding: 5px 5px 5px 50px;
}

.ballot-design-gen-filter-item-selected {
    cursor: pointer;
}

.ballot-design-gen-filter-item .ssp-icon {
    width: initial;
    height: initial;
}

.ballot-design-gen .ssp-check-blue-icon {
    margin-right: 10px;
    float: right;
}

.ballot-design-gen .table {
    display: table;
}

.ballot-design-gen .table-row {
    display: table-row;
}

.ballot-design-gen .table-cell {
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
}

.ballot-design-gen-sidebar-header, .ballot-design-gen-preview-header {
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ballot-design-gen-sidebar {
    width: 33%;
}

.ballot-design-gen-sidebar-body {
    background-color: #e9eaeb;
}

.ballot-design-gen-preview {
    width: 66%;
}

.ballot-design-gen-preview-body {
    padding-top: 10px;
    background-color: #fff;
}
.ballot-design-preview-pdf {
    padding-bottom: 20px;
}
.ballot-design-full-height, object.ballot-design-full-height iframe {
    min-height: calc(100vh);
}
.flex{
    display: flex;
    align-items: stretch;
}

.ballot-design-no-side-padding {
    padding: 0px;
    min-height: calc(100vh);
    margin-bottom: 15px;
}
.ballot-design-preview-divider {
    border-left: solid 0.5px #cedbdf;
}
.ballot-design-gen-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ballot-design-gen-monitor-progress-bg {
    padding: 35px 0px 80px 0px;
    background-color: #ddd;
}

.ballot-design-gen-monitor-icon {
    margin-right: 10px;
}

div.toCenter {
  text-align: center !important;
}

#manage-provisioning .table-filter {
    height: 30px;
    min-width: 150px;
    padding: 3px 12px;
}

#manage-provisioning .top-action-bar-row .bar-tools {
    margin-left: 15px;
}

#manage-provisioning .last-table-column {
    padding-top: 5px;
    margin-right: 35px;
}

#manage-provisioning .content-with-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

#manage-provisioning .create-media-confirmation {
    text-align: center;
    margin-top: 10%;
}

#manage-provisioning .create-media-confirmation .description-area {
    margin-top: 20px;
}

#manage-provisioning .create-media-confirmation .buttons-area {
    margin-top: 20px;
}

#manage-provisioning .image-center {
    display: block;
    margin: 0 auto;
}

#manage-provisioning .burn-stage-header {
    padding: 1em;
    border-bottom: 1px solid #ccc;
}

#manage-provisioning #circularProgressBar .taskGraph {
    padding-right: 1em !important;
}

#manage-provisioning .burn-stage-header-title {
    margin-top: 2em;
    float: left;
}

#manage-provisioning .burn-stage-content {
    margin-top: 4em;
}

#manage-provisioning .burn-stage-text {
    font-size: 1.3em;
    text-align: center;
    width: 50%;
    margin: auto;
}

#manage-provisioning .burn-stage-usb {
    width: 40px;
    margin: 4em auto 0;
}

#manage-provisioning .ssp-icon.ssp-icon-40.ssp-add-icon {
    margin: 0 !important;
}

#manage-provisioning .ssp-icon.ssp-icon-40.ssp-success-small {
    margin-left: -2em !important;
}

#manage-provisioning .ssp-icon.ssp-icon-40.ssp-error {
    margin-bottom: 10px;
}

#manage-provisioning .burn-stage-done-btn {
    margin-top: 3em;
    text-align: center;
}

#manage-provisioning .usb {
    margin: 3em auto;
}

#manage-provisioning .create-media-confirmation-btn {
    margin-top: 5em;
    text-align: center;
}/**
 * Container class of the 'screen-ballot' module.
 *
 * This class acts as a scope delimiter for the styles of this module.
 * All styles in this stylesheet must be prefixed by
 * this class, like this:
 *
 * .ballot-proofing-container button {
 *     background-color: red;
 * }
 *
 * This way only buttons inside this module's scope will get
 * red backgrounds.
 *
 * This prevents "style leaks" to other modules.
 *
 */
.ballot-proofing-container div.download-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    height: 100%;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 1500;
}
.screen-ballot-preview {
    width: 1080px;
    height: 1920px;
    border: 1px solid black;
    font-size: 22px;
}
div.download-overlay .ssp-page-loading-spinner {
    background-repeat: no-repeat;
    border-radius: 20px;
    display: block;
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
}
.ballot-proofing-container  #cancelBtn {
    border: 0px solid transparent;
    background: transparent;
    color: #738a8f;
    font-size: 2em;
    top: 32px;
    right: 34px;
}

  .ballot-proofing-container .col-md-12.blue {
    background: #4f23c9;
    display: flex;
    justify-content: space-between;
    padding: 10px 50px;
    margin-bottom: 35px; }
  .ballot-proofing-container .flex .left {
    margin-right: auto; }
  .ballot-proofing-container .flex .right {
    margin-left: auto; }
  .ballot-proofing-container .btn-default.white {
    color: #fff; }
  .ballot-proofing-container .btn:hover.white {
    color: #4f23c9; }
  .ballot-proofing-container .bp-content {
    margin: 20px 0; }
  .ballot-proofing-container .ssp-icon-40, .ballot-proofing-container .ssp-md-lg-icon {
    border: none;
    margin: -3px 0 0 17px; }
  .ballot-proofing-container .status-icons-section {
    height: 40px; }
  .ballot-proofing-container .ssp-warning-small {
    margin: 5px 0px 0px 70px; }¿
  .ballot-proofing-container .second-instructions-title {
    position: relative;
    top: -31px; }
  .ballot-proofing-container .secondary-title {
    position: relative; }
  .ballot-proofing-container .approved-ballots {
    position: absolute;
    right: 0;
    top: 66px; }
  .ballot-proofing-container .btn.btn-sm.ssp-top-action-bar-button.pdfs span {
    font-size: 16px; }
  .ballot-proofing-container .btn.btn-sm.ssp-top-action-bar-button.notes i {
    border: none; }
  .ballot-proofing-container .download-ballots {
    display: inline-block;
    font-size: 16px; }
  .ballot-proofing-container .download-ballots .text-btn {
    margin: 19px 0 0 0;
    position: relative;
    top: 4px; }
  .ballot-proofing-container .sm-text-download-pdf {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    top: -10px; }
  .ballot-proofing-container .bulk-btn span {
    position: relative;
    top: 2px; }
  .ballot-proofing-container .bulk-btn i {
    border: none; }
  .ballot-proofing-container .divider {
    width: 1px;
    height: 25px;
    background-color: #999999;
    margin: 5px 3px 0 10px; }
  .ballot-proofing-container .ssp-icon.ssp-icon-30.ssp-see.centered {
    margin: 0 auto;
    display: block; }
  .ballot-proofing-container .text-status {
    position: relative;
    top: 2px; }
  .ballot-proofing-container .container-preview-screen {
    display: flex;
    justify-content: center; }
  .ballot-proofing-container .ballot-preview-header {
    background-color: #eeeeee;
    margin: 0;
    padding: 20px 0 15px 40px;
    position: relative;
    border-bottom: 2px solid #cfcfcf; }
  .ballot-proofing-container .ballot-preview-header .close-btn {
    position: absolute;
    right: 10px;
    top: -8px;
    font-size: 50px;
    font-weight: 300;
    color: #676767;
    cursor: pointer; }
  .ballot-proofing-container .ballot-preview-header h4 {
    font-weight: 600; }
  .ballot-proofing-container .sidebar-manage-errors {
    background-color: #eeeeee;
    margin-left: auto;
    width: 300px;
    border-top: 1px solid #999;
    padding: 15px 10px 0 10px;
    max-height: 702px; }
  .ballot-proofing-container .pdf-preview-section {
    margin-right: auto;
    width: 82%; }
  .ballot-proofing-container .pdf-preview-section .pdf {
    width: 100%;
    height: 620px; }
  .ballot-proofing-container .manage-err-title-box {
    height: 50px;
    padding: 10px 0 0 0; }
  .ballot-proofing-container .manage-err-title-box .txt-title {
    margin: 0 10px 0 5px; }
  .ballot-proofing-container .sidebar-txt-box p {
    font-size: 11px;
    line-height: 1.4em; }
  .ballot-proofing-container .info-err-box {
    background: #F1E0BF;
    border-bottom: 1px solid #FFC200;
    font-weight: 600;
    font-size: 8px;
    border-top: 1px solid #979797;
    padding: 5px;
    margin-bottom: 10px; }
  .ballot-proofing-container .info-err-box p {
    font-size: 11px;
    font-weight: 900;
    line-height: 1.4em; }
  .ballot-proofing-container .err-box {
    margin-bottom: 10px; }
  .ballot-proofing-container .err-box-links {
    background: #F6F6F6;
    border-bottom: 1px solid #CFD8DB;
    padding: 3px; }
  .ballot-proofing-container .err-box a.custom-tooltip {
    color: #166678 !important;
    font-weight: 700; }
  .ballot-proofing-container .click-err {
    margin-top: 10px; }
  .ballot-proofing-container .no-uppercase {
    text-transform: none; }
  .ballot-proofing-container .select-candidate-name {
    width: 100%; }
  .ballot-proofing-container .select-candidate {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    margin: 10px 0 20px 0;
    font-size: 15px;
    font-weight: 500; }
  .ballot-proofing-container .cancel-name-err {
    margin-right: 15px; }
  .ballot-proofing-container .ssp-confirm-dialog-plain-buttons.text-center {
    text-align: right !important;
    padding: 15px 20px 0 0 !important; }
  .ballot-proofing-container .ballot-footer {
    height: 65px;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    -webkit-box-shadow: -1px -2px 2px 0px #878787;
    -moz-box-shadow: -1px -2px 2px 0px #878787;
    box-shadow: -1px -2px 2px 0px #878787; }
  .ballot-proofing-container .overlay-pop {
    width: 100%;
    height: 100%;
    background: #404042;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9; }
  .ballot-proofing-container .overlay-confirm-popup {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup {
      width: 415px;
      background: #fff;
      padding: 15px;
      position: relative; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .close-ico {
      font-size: 36px;
      font-weight: 300;
      margin-right: 15px;
      position: absolute;
      top: -5px;
      right: 3px;
      cursor: pointer; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .title {
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 900;
      padding: 0;
      flex: 1;
      margin: 13px 0 0 0; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .header-confirm-popup {
      display: flex;
      justify-content: flex-end;
      height: 30px; }
    .ballot-proofing-container .overlay-confirm-popup .confirm-popup .content {
      padding: 10px 5px;
      font-size: 13px;
      font-weight: 600; }
    .ballot-proofing-container .overlay-confirm-popup .footer-confirm-popup {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 40px; }
    .ballot-proofing-container .overlay-confirm-popup .no-popup, .ballot-proofing-container .overlay-confirm-popup .yes-popup {
      width: 94px;
      height: 27px;
      line-height: 1.2em; }
    .ballot-proofing-container .overlay-confirm-popup .no-popup {
      margin-right: 20px; }
  .ballot-proofing-container .tooltip-notes {
    color: #337ab7;
    text-decoration: underline;
    line-height: 2.4em; }
  @media (max-width: 1170px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 73%; } }
  @media (max-width: 1100px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 70%; } }
  @media (max-width: 970px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 65%; } }
  @media (max-width: 840px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 60%; } }
  @media (max-width: 740px) {
    .ballot-proofing-container .pdf-preview-section {
      margin-right: auto;
      width: 55%; } }

.title-err-bold {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
  display: inline-block;
  width: 100%; }

.manage-errors-bp {
  font-size: 11px;
  line-height: 1.4em; }
  .manage-errors-bp .par {
    font-size: 11px;
    font-weight: 400; }

.textarea-notes {
  font-size: 11px; }

.cancel-name-err {
  width: 85px;
  height: 27px;
  line-height: 13px;
  margin-right: 15px; }

.save-err {
  width: 85px;
  height: 27px;
  line-height: 13px; }

.ballot-proofing-custom-error {
  font-size: 11px;
  font-weight: 400;
  color:#a94442; }

.emulate-edit-candidate-section {
  height: 100px; }

.lower-case-info {
  text-transform: none; }

.main-title-tooltip-bp {
  position: absolute;
  top: 0;
  width: 149px;
  height: 24px;
  background: transparent; }

  textarea.invalid-input {
    border: 1px solid #a94442;
    outline: #a94442;
}
.label-radio-button {
  display: inline;
  margin: 0;
}
.space-vertical.row.ballot-container-pop {
  font-size: 16px;
  width: 550px;
  padding-bottom: 60px;
}
.center-align {
    text-align: center;
}
.toRight{
  text-align: right !important;
  margin-bottom: 5px;
}
#serialize-ballots-dialog {
  min-height: 150px;
}

.progress-bar-view ssp-progress-bar .background {
  background-color: #f6f6f6;
  height: 60px;
}
.progress-bar-view .ssp-process-progress-bar > .bar-container {
  background-color: #cccccc;
}

.preview-download-overlay {
    position: fixed;
    height: 100%;
    left: 0;
    top: 50%;
    margin-top: -80px;
    width: 100%;
    z-index: 1500;
}
.standard-font-size {
  font-size: 22px; }

.large-font-size {
  font-size: 29px; }

.container {
  height: 100%;
  overflow: hidden; }

.regular-contest {
  height: 100%;
  overflow: clip;
  display: flex;
  flex-direction: column; }
  .regular-contest__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 33px;
    padding: 16px 32px 16px 32px;
    color: #080808;
    background-color: #ffffff;
    text-overflow: ellipsis;
    border-bottom: 2px solid;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }
    .regular-contest__header--progress {
      font-weight: bold;
      text-align: right;
      word-spacing: -5px; }
    .regular-contest__header--progress-index {
      font-size: 39.6px; }
    .regular-contest__header--title {
      font-size: 39.6px;
      font-weight: bold;
      margin-bottom: 24px; }
    .regular-contest__header--status {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 8px; }
  .regular-contest__options-container {
    box-sizing: border-box;
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 100%;
    margin: 12px 12px 12px 36px;
    padding-top: 18px; }
    .regular-contest__options-container::-webkit-scrollbar {
      width: 12px; }
    .regular-contest__options-container::-webkit-scrollbar-thumb {
      background-color: #2e1473;
      border-radius: 10px; }
  .regular-contest__options-list {
    background-color: transparent;
    margin-right: 12px;
    display: grid;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    grid-auto-flow: row;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr; }
  .regular-contest__option {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
.standard-font-size {
  font-size: 22px; }

.large-font-size {
  font-size: 29px; }

.container {
  height: 100%;
  overflow: hidden; }

.regular-option {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-height: 132px;
  position: relative;
  justify-content: space-between;
  color: #080808;
  box-shadow: inset 0 0 0 4px #080808;
  border-radius: 8px;
  padding-left: 16px;
  line-height: initial;
  background-color: #ffffff; }
  .regular-option--selected {
    color: #ffffff;
    background-color: #2e1473;
    box-shadow: inset 0 0 0 4px #2e1473; }
  .regular-option--focused {
    box-shadow: inset 0 0 0 8px #8564DE; }
  .regular-option__identifier {
    font-size: 29.26px;
    font-weight: bold;
    letter-spacing: normal;
    width: 66px;
    height: 100%;
    text-align: center; }
  .regular-option__details {
    width: 100%;
    height: 100%;
    padding: 0px 6px 0px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    overflow: hidden; }
  .regular-option__descriptions {
    display: flex;
    flex-flow: column;
    flex-grow: 1; }
  .regular-option__image {
    height: 60.5px;
    min-width: 60.5px;
    margin-right: 8px;
    flex: 0 0 44px;
    background-position: center;
    background-size: cover; }
  .regular-option__title {
    font-size: 26.4px;
    font-weight: bold;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word; }
  .regular-option__party {
    width: 100%;
    font-weight: 500;
    font-size: 22px;
    margin-top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word; }
  .regular-option__coalition {
    font-size: 11px;
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word; }
  .regular-option__checkmark {
    display: flex;
    min-height: 33px;
    min-width: 33px;
    align-items: center;
    justify-content: center;
    border: 2px solid #080808;
    border-radius: 50%;
    background-color: #ffffff; }
    .regular-option__checkmark--selected {
      background-position: center;
      background-repeat: no-repeat;
      background-size: 70%;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3IgogICBoZWlnaHQ9IjIwIgogICB2aWV3Qm94PSIwIDAgMTcgMjAiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzIiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuNDguNCByOTkzOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2stZG9uZS5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE4Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzNjYiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNzE1IgogICAgIGlkPSJuYW1lZHZpZXcxNiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMTYiCiAgICAgaW5rc2NhcGU6Y3g9Ii0wLjY2NDI4MDUiCiAgICAgaW5rc2NhcGU6Y3k9IjEwLjMzODUwMyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NC4xICg0MTQ1NSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlNCI+R3JvdXAgMjwvdGl0bGU+CiAgPGRlc2MKICAgICBpZD0iZGVzYzYiPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4Ij4KICAgIDxyZWN0CiAgICAgICBpZD0icGF0aC0xIgogICAgICAgeD0iMCIKICAgICAgIHk9IjAiCiAgICAgICB3aWR0aD0iMjAiCiAgICAgICBoZWlnaHQ9IjIwIgogICAgICAgcng9IjIiIC8+CiAgPC9kZWZzPgogIDxnCiAgICAgaWQ9IlN5bWJvbHMiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6bm9uZSIKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjI3OTE4MSwwLDAsMS4yNzkxODEsLTUuMTE2NzIzOCwtMi43OTE4MSkiPgogICAgPGcKICAgICAgIGlkPSJTZWxlY3RvcnMvQ2hlY2stYm94LVtjaGVja2VkXSIKICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTQpIj4KICAgICAgPGcKICAgICAgICAgaWQ9Ikdyb3VwLTIiCiAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsNCkiPgogICAgICAgIDxnCiAgICAgICAgICAgaWQ9Ikljb25zL2FsZXJ0LUNvcHkiCiAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCw0KSIKICAgICAgICAgICBzdHlsZT0iZmlsbDojMmUxNDczIj4KICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgICBkPSJtIDEzLjI4OTc1MywyLjk1Mjg2MiBjIDAsLTAuMjEwNDM3OCAtMC4wODU3NCwtMC40MjA4NzU1IC0wLjI0MDA3MywtMC41NzIzOTA2IEwgMTEuODgzNjEyLDEuMjM1NjkwMiBDIDExLjcyOTI3OSwxLjA4NDE3NTEgMTEuNTE0OTI4LDEgMTEuMzAwNTc3LDEgMTEuMDg2MjI2LDEgMTAuODcxODc2LDEuMDg0MTc1MSAxMC43MTc1NDMsMS4yMzU2OTAyIEwgNS4wOTI5NzY0LDYuNzY1OTkzMyAyLjU3MjIxMDMsNC4yODI4MjgzIEMgMi40MTc4Nzc3LDQuMTMxMzEzMSAyLjIwMzUyNjgsNC4wNDcxMzggMS45ODkxNzYsNC4wNDcxMzggYyAtMC4yMTQzNTA5LDAgLTAuNDI4NzAxOCwwLjA4NDE3NSAtMC41ODMwMzQ0LDAuMjM1NjkwMyBMIDAuMjQwMDcyOTYsNS40Mjc2MDk0IEMgMC4wODU3NDAzNCw1LjU3OTEyNDYgMCw1Ljc4OTU2MjMgMCw2IDAsNi4yMTA0Mzc3IDAuMDg1NzQwMzQsNi40MjA4NzU0IDAuMjQwMDcyOTYsNi41NzIzOTA2IEwgMy4zNDM4NzM0LDkuNjE5NTI4NiA0LjUwOTk0MjEsMTAuNzY0MzEgQyA0LjY2NDI3NDcsMTAuOTE1ODI1IDQuODc4NjI1NSwxMSA1LjA5Mjk3NjQsMTEgNS4zMDczMjcyLDExIDUuNTIxNjc4MSwxMC45MTU4MjUgNS42NzYwMTA3LDEwLjc2NDMxIEwgNi44NDIwNzk0LDkuNjE5NTI4NiAxMy4wNDk2OCwzLjUyNTI1MjUgQyAxMy4yMDQwMTMsMy4zNzM3Mzc0IDEzLjI4OTc1MywzLjE2MzI5OTcgMTMuMjg5NzUzLDIuOTUyODYyIGwgMCwwIHoiCiAgICAgICAgICAgICBpZD0iSWNvbnMvQ2hlY2siCiAgICAgICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==); }
.defective-ballots-container .start-stage {
    margin-top: 60px;
}

.defective-ballots-container .start-stage p {
    text-align:     center;
}
.defective-ballots-container .start-stage p:not(:first-child) {
    margin-top:     20px;
}
.defective-ballots-container .start-stage p.description {
    margin-left:    auto;
    margin-right:   auto;
    width:          75%;
}

.defective-ballots-container .start-buttons-area .btn:focus,
.defective-ballots-container .start-buttons-area .btn:hover {
    outline: solid 2px #4f23c9 !important;
    border: 0px !important;
}
/*# sourceMappingURL=app.css.map*/